understand-figma
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.
Install
git clone https://github.com/Egonex-AI/Understand-Anything /tmp/Understand-Anything && ln -s /tmp/Understand-Anything/understand-anything-plugin/skills/understand-figma ~/.claude/skills/understand-figmaFrom README
/understand-figma Analyzes a Figma file and produces an interactive design knowledge graph in the existing dashboard. Prerequisites FIGMATOKEN environment variable — a Figma personal access token (create one at https://www.figma.com/settings). If it is missing, STOP and tell the user: Set a Figma token first: create one at figma.com/settings, then export FIGMATOKEN= . Node ≥ 22, pnpm ≥ 10. Security: the token is read only from the environment and travels only in the X-Figma-Token request header. Never write it to the graph, meta.json, logs, or intermediate files. This skill makes outbound calls to api.figma.com — unlike /understand, it is not fully offline. Tell the user this once. Phase 0 — Pre-flight Parse $ARGUMENTS for a Figma URL or bare file key (the non-flag token) and an optional --language . Resolve PROJECTROOT to the current working directory.
More from this repo
understand
Used to analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and...
understand-chat
Used when you need to ask questions about a codebase or understand code using a knowledge graph
understand-dashboard
Launch the interactive web dashboard to visualize a codebase's knowledge graph