# understand-figma

> Claude/Codex skill by [@egonex-ai](https://omgskills.com/library/egonex-ai/index.md) · 87k stars · Updated 2026-10-12

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.

Tags: antigravity-skills, business-knowledge, claude-code, claude-skills, codebase-analysis, codex, codex-skills, developer-tools-ai-agent, gemini-cli-skills, karpathy-llm-wiki, knowledge-base, knowledge-graph, memory, opencode-skills, pi-agent, understandcode, vibe-coding

## Install

```sh
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-figma
```

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

## Links

- HTML page: https://omgskills.com/skills/egonex-ai/understand-anything/understand-figma/
- GitHub: https://github.com/Egonex-AI/Understand-Anything
- Author: [@egonex-ai](https://omgskills.com/library/egonex-ai/index.md)

## More from this repo

- [understand](https://omgskills.com/skills/egonex-ai/understand-anything/understand/index.md) — Used to analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and...
   - [@egonex-ai](https://omgskills.com/library/egonex-ai/index.md) · 88k stars
- [understand-chat](https://omgskills.com/skills/egonex-ai/understand-anything/understand-chat/index.md) — Used when you need to ask questions about a codebase or understand code using a knowledge graph
   - [@egonex-ai](https://omgskills.com/library/egonex-ai/index.md) · 87k stars
- [understand-dashboard](https://omgskills.com/skills/egonex-ai/understand-anything/understand-dashboard/index.md) — Launch the interactive web dashboard to visualize a codebase's knowledge graph
   - [@egonex-ai](https://omgskills.com/library/egonex-ai/index.md) · 87k stars