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...

Estrai token di progettazione, struttura dello schermo e riferimenti visivi dai file Figma. Utilizzare ogni volta che nella conversazione viene visualizzato un URL figma.com, quando qualcuno menziona token Figma, variabili, estrazione del sistema di progettazione o acquisizioni di schermate. Utilizzali anche quando chiami get_variable_defs, get_design_context, get_metadata o get_screenshot: questa abilità definisce come utilizzarli in modo efficace. Trigger per frasi come "ottieni da Figma", "estrai design", "variabili Figma", "token di progettazione da Figma", "cattura schermate" o qualsiasi collegamento figma.com/design. Anche se l'utente incolla semplicemente un collegamento Figma senza istruzioni, usa questa abilità per analizzarlo e decidere cosa estrarre. Fonte: petbrains/mvp-builder.