/
CORE Team Figma Design Links

CORE Team Figma Design Links

Quick Tips on Figma for Devs

@Chelsea Brown @Noel.Feliciano

  1. View Spacing Measurements between 2 objects:

    1. Click on the first element/component

    2. Hold “Option” (Mac) OR “Alt” (Windows) and hover your cursor to the second element/component

    3. Figma will display a red line between the two objects with their horizontal/vertical measurements (px).

 


General Design Links

EPIC/Features

Figma Link

Last updated

Created on

Version

Notes/Description

EPIC/Features

Figma Link

Last updated

Created on

Version

Notes/Description

Email Notifications

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2318-398177&t=kPDojdtHTitSsxLb-1

Nov 28, 2024

Nov 28, 2024

3.0

  • Recommitment notifications for MemberS

  • Recommitment notifications for SUPERVISORS

Button States

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=4-945&t=eZkNaSj8Cjx7it7O-1

Oct 31, 2024

Oct 31, 2024

1.0

  • UI specs (states, measurements) for buttons across MEMBERS, SUPERVISORS, and COORDINATORS dashboards.

Member Dashboard

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

Member Dashboard - States

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=1631-148833&t=Lk5APBJzdF61MMT0-1

Nov 12, 2024

Nov 12, 2024

3.0

  • Designs with specs and documentation

  • Member dashboard states based on member status, recommitment, program type

Pop-up Modals (Excluding ones for Recommitment)

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=1664-150278&t=y6qfF7tqLKhlA4Z5-1

Nov 25, 2024

Nov 22, 2024

3.0

  • Calendar availability pop-over card; availability status displays

  • Edit section/role preferences, section/role definition modal

  • Edit other skills

  • Profile info edit modals

Member Recommitment Process

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=1731-165061&t=NpJJ4VHCKVGflOmG-1

Dec 9, 2024

Nov 22, 2024

3.0

  • Member process of confirming/declining their recommitment to EMCR and/or BCWS during recommitment period

  • Member process of restarting recommitment if they missed the recommitment deadline

 

Coordinator Dashboard

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

CORE Team Dashboard - Pages

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2509-111966&t=X0S0xeWnGLxMUrpq-1

Dec 13, 2024

Dec 9, 2024

3.0

  • Page states and anatomy for personnel and member profile page

 

Supervisor Portal

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

Portal Home Page

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2329-403141&t=JTAMlIsZas3QFePC-1

Nov 29, 2024

Nov 29, 2024

3.0

  • Basic layout and components of the Home page

  • Button and Decision Dropdown states in Pending Members List

  • Reason for Declining Recommitment Survey - Pop-up Modal layout

Supervisor approval/decline recommitment user flows

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2329-403142&t=cmixEeKUPtieqCj3-1

Nov 30, 2024

Nov 29, 2024

3.0

  • Approving and declining recommitment to a single program requested (i.e., EMCR or BCWS)

  • Approving and declining recommitment to 1 out of 2 programs requested

  • Approving and declining recommitment to both programs requested

  • Changing approval decision after initially declining a recommitment request.

 

 

File Name

Page Type

Link

Status

Version

Notes

File Name

Page Type

Link

Status

Version

Notes

BCWS CORE Team Coordinator Dashboard (Personnel, Profile)

Static Wireframes

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1370-50729&t=kwuJsbbzzWxR8GrB-1

In progress

2.1

designs in progress; needs refinement

 

Static Wireframes

https://www.figma.com/file/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?type=design&node-id=1%3A386&mode=design&t=VNrCFdwNQpxx2WSC-1

Completed

2.0

 

 

UI Component Sets

colour & typography: https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1148-27288&t=tNZl3UkSM5oSUYv5-1

component library: https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1149-29498&t=tNZl3UkSM5oSUYv5-1

Completed

2.0

 

 

Clickable Prototype

https://www.figma.com/proto/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?page-id=32%3A2190&type=design&node-id=117-67281&viewport=114%2C295%2C0.05&t=gjZiVvcKmK4srDxW-1&scaling=min-zoom&starting-point-node-id=117%3A67281&show-proto-sidebar=1&mode=design

Updated

 

Last updated on May 1, 2024

EMCR CORE Team Dashboard (Coordinator screens)

Static Wireframes

UI Component Sets

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1149-29515&t=tNZl3UkSM5oSUYv5-1

completed

 

EMCR design specs moved to the same file with BCWS screens (separate pages, but under same file)

EMCR CORE Team Dashboard (Logistics screens)

Static Wireframes

UI Component Sets

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1168-42718&t=tNZl3UkSM5oSUYv5-1

Completed

 

 

CORE Team “Unauthorized Access” page

Static Wireframes

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?node-id=1139-13988&t=n19FKoZVAzUvzKsa-1

 

 

Created on June 10, 2024

Single integrated EOI form (CHEFS)

Screenshots Comments

https://www.figma.com/file/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?type=design&node-id=462%3A36812&mode=design&t=VNrCFdwNQpxx2WSC-1

Completed

 

screenshots taken from drafted CHEFS form with notes on required changes

 

Test Form

https://submit.digital.gov.bc.ca/app/form/submit?f=7e6c5643-ecc2-4bcd-955a-c7d4927757b1

Completed

 

Moved to prod and released

 

 

Related content

March 2024 MVP: EMCR Roles & Responsibilities for Program Management
March 2024 MVP: EMCR Roles & Responsibilities for Program Management
Read with this
Digital Office - Digital Talent & Capacity (DTC) Branch
Digital Office - Digital Talent & Capacity (DTC) Branch
More like this
CORE Team Application User Manual
CORE Team Application User Manual
Read with this
Digital Office - Dev Ops Cloud Services (DOCS) Branch
Digital Office - Dev Ops Cloud Services (DOCS) Branch
More like this
Product Roadmap, Sprint Goals and Planning
Product Roadmap, Sprint Goals and Planning
Read with this
Digital Academy Design & Curation Team
Digital Academy Design & Curation Team
More like this