uSpec Extract

uSpec Extract turns any Figma component or component set into a single _base.json file that an AI agent can read and turn into a portable Markdown spec. The Markdown becomes the source of truth. Any LLM (Cursor, Claude, ChatGPT, Copilot) can rebuild the component in code without ever touching Figma again.

Learn more at uSpec.design.

What gets extracted in one click:

Every variant walked, with cross-variant diffs and state comparisons.

All variant axes, boolean properties, instance-swap slots, and text properties.

Inline font properties alongside text style IDs, so typography survives broken style links.

Library-linked variables resolved with name, codeSyntax, alias chain, and remote collection.A composition checklist: confirm or flip the plugin's guess for each child (constitutive, referenced, decorative).

Optional notes for design intent, open questions, or constraints.

The output ships to your clipboard or ~/Downloads/ as {componentSlug}-_base.json. Hand it to the create-component-md agent skill and you get a single self-contained Markdown spec covering API, structure, color, and screen-reader behavior. Walkthrough: https://uspec.design/specs/component-md.

Source code on uSpec Github.

Best for: design-system maintainers, engineers building components from design specs, and anyone wiring AI coding agents into their design-to-code workflow.