Back to Plugins
uSpec Extract

uSpec Extract

Export a Figma component as one JSON your AI agent turns into a portable Markdown spec.

Plugin Preview

uSpec Extract preview

About this plugin

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.

Plugin Details

Version5
CreatedMay 10, 2026
Last UpdatedJune 2, 2026
CategoryImport & export plugins
CreatorIan Guisard
Stats24 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none