figma-design-extraction
Figma Design Extraction
Extract design tokens, screen structure, and visual references from Figma files.
Process: CHECK → PARSE → DISCOVER → EXTRACT → ORGANIZE
The goal is to pull structured, source-tracked design data from Figma for use in design-setup pipelines, conflict resolution, and downstream code generation. Every extracted value carries its source tag — this matters because downstream consumers (like design-setup Phase 3) need to know whether a token came from an explicit Figma Variable definition or was inferred from applied styles, since that affects conflict resolution priority.
Step 0: CHECK — Verify MCP Connection
Before any extraction, verify the Figma MCP server responds:
whoami()
If this fails or isn't available, warn the user and skip all Figma steps. Don't attempt tool calls that will error out — it wastes context and confuses the workflow.