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.