Figma Handoff
Turns a frame into something an engineer can implement without guessing.
Procedure
- Confirm the frame is the one marked ready. Handing off a stale frame is the most common failure, and it is invisible until QA.
- Pull the frame's measurements: box sizes, gaps, padding, and the grid it sits on. Record them as numbers, never as "roughly a card width".
- Read the type ramp actually used in the frame: family, size, weight, line height, letter spacing. List each style once, with the elements that use it.
- Read every color value in the frame and map it back to the named token that produced it. A raw hex with no token behind it is a finding, not a spec.
- List the interactive states present in the frame and the ones missing: hover, focus, disabled, loading, empty, error.
- Write the handoff sheet: one section per component, measurements first, then type, then color, then states.
What to hand back
- A per-component spec table with numbers, not adjectives.
- The list of values that had no named token behind them.
- The states the designer did not draw, so they get decided rather than invented.
Failure modes
Specs written from a screenshot instead of the file drift by a pixel or two per measurement and nobody can tell which number is authoritative. Read the file.