Description
understand-figma is an agent skill that reads a Figma file through the Figma REST API and builds an interactive design knowledge graph from it. The graph covers the file's pages, screens, components, component sets, instances and design tokens, and it is shown in the same Understand Anything dashboard used for code. It is meant for designers and design engineers who want to see how a Figma file is structured, which components are reused and where they are placed. The skill needs a Figma personal access token in the FIGMA_TOKEN environment variable, plus Node 22 or newer and pnpm 10 or newer. The token is only sent in the X-Figma-Token header to api.figma.com and is never written to the graph or logs. Unlike the other understand skills, which work offline, this one makes outbound calls to Figma, and the skill tells you so before it runs.…
Highlights
- Reads a Figma file through the Figma REST API
- Maps pages, screens, components, instances and design tokens
- Shows the design as an interactive graph in the dashboard
- Needs a FIGMA_TOKEN environment variable and Node 22 or newer
Ratings & Reviews
No ratings yet
Be the first to rate understand-figma.
People also visit
understand-figma FAQ
What does understand-figma need before it runs?
A Figma personal access token set as the FIGMA_TOKEN environment variable, Node 22 or newer and pnpm 10 or newer.
Does it send my design to a third party?
It calls api.figma.com to read the file. The token is sent only in the request header to Figma and is not written to the graph, meta.json or logs.
What is in the graph?
Pages, screens, components, component sets, instances and design tokens from the Figma file, shown in the dashboard.
How do I install it?
Run npx skills add https://github.com/egonex-ai/understand-anything --skill understand-figma.
Is it free?
Yes. It is listed as free on skills.sh. Using it requires a Figma account that can create a personal access token.
Which security audits does it have?
On skills.sh, Socket passes, Gen Agent Trust Hub fails and Snyk shows a warning.
What are the best understand-figma alternatives?
Popular alternatives to understand-figma include extract, normalize and figma. See all understand-figma alternatives