Style reference URL
what should it feel like
Content & layout (optional)
Reference layout URL
Apply
Default layout
Reset layout
Extracts layout architecture only — never DS values.
Macros
7 dials → 34 tokens
Figma sync
push / import per page
Advanced · 34 raw tokens
click to expand
Manual edits become overrides (yellow dot · macro slider won't touch them).
Clear all overrides
Export
live render
⬇ Export HTML
⬇ Export design brief (.md)
⬇ Export tokens.json
HTML · with Figma final: hybrid (DS components from tool + custom sections pixel-perfect from Figma). Without: live render with baked tokens.tokens.json : W3C format with $meta.macros.
Design brief (.md) : self-contained markdown · paste into Claude / Lovable / v0 / Figma Make as background. Includes source content, style ref, DS tokens, component library, brand constraints.tokens.json : standalone DS export.