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.