Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
stylenone
typelist
printabletrue
Info

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

    Status
    colourBlue
    titleMemberS

  • Recommitment notifications for

    Status
    colourPurple
    titleSUPERVISORS

Button States

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

  • UI specs (states, measurements) for buttons across

    Status
    colourBlue
    titleMEMBERS
    ,
    Status
    colourPurple
    titleSUPERVISORS
    , and
    Status
    colourGreen
    titleCOORDINATORS
    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

WIP!!

3.0

...