Creating Figma Make Handoff Prompts

Generates a single markdown document the user pastes into Figma Make to produce an engineering-ready handoff file.

Prerequisites (required before generating):

UI specification — flows, screens, states, validation, edge cases, interactions, content
Style guide — typography, color, spacing, elevation, radius, motion, component patterns

If either is missing, ask for it or confirm what to infer. Do not invent flows or tokens not supported by the inputs.

Workflow

Read inputs — UI spec (authoritative for behavior/content) and style guide (authoritative for visual system).
Extract inventory — flows, screens/steps, component categories, state variants, edge cases, breakpoints, interaction timings, layout patterns.
Choose scope — include only what the spec requires: desktop, mobile, tablet, responsive doc, interaction specs, developer handoff pages.
Draft the prompt — follow prompt-template.md. Adapt sections to the project; omit empty sections.
Deliver — output the full prompt inside one fenced markdown code block so the user can copy it in one action. Do not split across multiple blocks.