Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 33 Next »

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).

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

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

1.0

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

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

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

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

3.0

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

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

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

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

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.

 Archived links for Coordinator dashboard (MVP 1+2)

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

  • No labels