Figma structure




Standard projects

Libraries 📖

Explorations ⚗️
Archive 🗄️


  • [Main flow]
  • [Feature]
  • [Usability testing]

Inside files



  1. Create a new page in your file and name it Cover.
  2. Set the background color of this page to #ffffff.
  3. Find the File cover component via the Asset tab and insert it into the page.
  4. Wrap the component into a Frame (Cmd+Option+G) and name it Cover.
  5. Edit the contents of your cover. Replace the illustration with custom graphics if needed.
  6. Right-click the Cover frame and select the Set as Thumbnail option.

Design iterations

A header with statuses: Design approved, Copy in progress, Dev in progress. Title: 320 v1.8. Description: Added a new step with confirmation for unsubscribing. Added native NPS.


Who benefits from the handoff page?
DevelopersDesignersPMs, QA, …
To access design handoffs, see how it all relates, and know what’s ready for development.To find the latest iteration to extend or reuse it in their designs.To find the latest iteration in order to see what may be missing from the designed flows.

Remove old iterations

  1. Save the current version to your version history (⌥ + ⌘ + S (Mac)/Ctrl + Alt + S (Windows) or File → Save to Version History).
  2. Give the version a name and optionally a description to make it clear what this version contained.
    • Example: v 1.6 Redesigned all buttons (This is the version that would be removed.)
  3. Click Save.
  4. Right-click on the page you want to delete.
  5. Select Delete page.

Local components


Creating flows