A filled design handoff for one frame, from viewport and gutters to states, tokens and asset rights.
About
Details slip between a design file and a working page when nobody writes them down: a gutter, a hover state, who owns an image. This worksheet records them in one place before you build, and keeps a record you can reuse.
It has fields for the frame URL and viewport, the primary user action, content max width, mobile, tablet and desktop gutters, type scale and fonts, color tokens, asset source and usage rights, components and variants, hover, focus and disabled states, and responsive changes.
It also shows the token format the matching checker reads, with an example, and reminds you to check aliases as references rather than copying values. You need only a text editor. It pairs with the Turn a Figma design into a working page guide. Provider accounts, model weights, GPU compute and hosting are not included.
- Figma
Requirements
- Use with
- A text editor
- Operating systems
- windows, macos, linux
- Network
- Local use; related agent, model, and hosting services may require a separate account.