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

Extrayez les jetons de conception, la structure de l'écran et les références visuelles des fichiers Figma. À utiliser chaque fois qu'une URL figma.com apparaît dans la conversation, lorsque quelqu'un mentionne des jetons Figma, des variables, une extraction du système de conception ou des captures d'écran. À utiliser également lors de l'appel de get_variable_defs, get_design_context, get_metadata ou get_screenshot — cette compétence définit comment les utiliser efficacement. Déclenchez des expressions telles que « obtenir de Figma », « extraire la conception », « variables Figma », « jetons de conception de Figma », « capturer des écrans » ou tout lien figma.com/design. Même si l'utilisateur colle simplement un lien Figma sans instructions, utilisez cette compétence pour l'analyser et décider quoi extraire. Source : petbrains/mvp-builder.