+ View project

AI Handoff

Back to Built
AI Handoff - Figma frames or whole files, as markdown your AI agent can use.

AI Handoff turns a selection into SCREEN.md or an entire file into DESIGN.md: tokens, hierarchy, and spec-aligned YAML for coding agents. All processing runs in Figma with no network access and no uploads.

Problem

When handoff is a screenshot or a chat paste, agents lose typography, spacing, and component structure. Builders guess from PNGs while designers repeat answers that already live in Figma.

Result

Designers stay in Figma. Agents get a spec they can parse in Cursor, Claude, or any markdown-aware workflow instead of another image dump.

Approach

Choose Selection or Document scope. Selection writes a self-contained SCREEN.md with tokens used on that screen, the node tree, and optional preview assets. Document walks every page into DESIGN.md with the full token catalog and components. Output pairs design-md-style YAML with markdown tables and checklists. Copy from the panel, download a visual pack ZIP, or use the Dev Mode codegen tab. Nothing leaves your machine.

Takeaway

Parseable beats pretty. A spec your agent can read beats another PNG in chat.