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

قم باستخراج رموز التصميم وبنية الشاشة والمراجع المرئية من ملفات Figma. يُستخدم عندما يظهر عنوان URL الخاص بـFigma.com في المحادثة، أو عندما يذكر شخص ما رموز Figma المميزة، أو المتغيرات، أو استخراج نظام التصميم، أو لقطات الشاشة. استخدمها أيضًا عند استدعاء get_variable_defs، أو get_design_context، أو get_metadata، أو get_screenshot — تحدد هذه المهارة كيفية استخدامها بفعالية. قم بتشغيل عبارات مثل "الحصول على من Figma"، أو "استخراج التصميم"، أو "متغيرات Figma"، أو "رموز التصميم من Figma"، أو "شاشات الالتقاط"، أو أي رابطFigma.com/design. حتى لو قام المستخدم بلصق رابط Figma دون تعليمات، استخدم هذه المهارة لتحليله وتحديد ما سيتم استخراجه. المصدر: petbrains/mvp-builder.