figma-extractor

Installation
SKILL.md

Figma Extractor

Extract design tokens, styles, component metadata, and screen structure from Figma files.

Process: CHECK → PARSE → DISCOVER → EXTRACT → ORGANIZE

Every extracted value carries a source tag — downstream consumers use this for conflict resolution priority. A variable definition is stronger evidence than an inferred applied style.

Extraction Levels

Not every workflow needs every tool. Three levels control extraction depth:

Level 1 (Quick):    whoami → get_metadata → get_variable_defs → get_design_context → get_screenshot
                    Fast, read-only MCP tools. No Plugin API.

Level 2 (Deep):     Level 1 + use_figma read-only scripts
                    Adds: collections with modes, codeSyntax, scopes, aliasing chains,
                    text styles, effect styles, paint styles.
Installs
3
GitHub Stars
11
First Seen
Apr 15, 2026
figma-extractor — petbrains/mvp-builder