Figma Checklist

Use these checklist for your project and component Files

Project File Checklist

General

  1. Ensure that the Figma file follows the setup and structure guidelines
  2. Every layout should be wrapped in a frame; this is required for dev mode and prototypes
  3. Unless specified, check that designs follow the small viewport-first approach
  4. Limit custom components and styles
  5. Where possible, use design tokens, shared styles, and components. Use custom values only for specific cases
  6. Check that components follow the 8px soft grid

Cleanup

  1. Ensure that layers and frames follow the correct naming conventions
  2. Check that any previous comments are completed, marked as resolved or deleted
  3. There should be no remaining comments in a file when it merges back into the production version
  4. Before a review, ensure that the version uses the correct 🚦 status indicator
  5. Do not forget the cover - Ensure the cover component is added, a thumbnail is set, and all relevant content is accurate
  6. Remove any extra files, dummy instances, and other clutter that may be present in the document
  7. Move items to ☠️ Graveyard or 🚀 Exploration if required