Egonex-AI/Understand-Anything

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.

780 installs 81K starsUpdated Sep 3, 2026License: MIT

Install

npx skills add Egonex-AI/Understand-Anything@understand-figma

Runs in your terminal. Adds the skill globally for Claude Code, Cursor, Codex and others; add -g -y to skip prompts.

What it does

/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…

Excerpt from the skill's own SKILL.md. Read the full file on GitHub before installing: skills run with your agent's permissions.

View source on GitHub

Before you install

Skills are plain text instructions the agent follows, sometimes with scripts. Check the source, prefer repositories with many installs and stars, and read any script it ships.

Categories

Related skills

  • understand

    Egonex-AI/Understand-Anything

    Analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and relationships

    3.6K installs 81KDataAI & agentsCode review
  • understand-dashboard

    Egonex-AI/Understand-Anything

    Launch the interactive web dashboard to visualize a codebase's knowledge graph

    2.7K installs 81KData
  • understand-chat

    Egonex-AI/Understand-Anything

    Use when you need to ask questions about a codebase or understand code using a knowledge graph

    2.6K installs 81KData
  • understand-explain

    Egonex-AI/Understand-Anything

    Use when you need a deep-dive explanation of a specific file, function, or module in the codebase

    2.6K installs 81KReact & Next.jsDeploy & DevOpsWriting
  • understand-onboard

    Egonex-AI/Understand-Anything

    Use when you need to generate an onboarding guide for new team members joining a project

    2.6K installs 81KDeploy & DevOpsWriting
  • understand-diff

    Egonex-AI/Understand-Anything

    Use when you need to analyze git diffs or pull requests to understand what changed, affected components, and risks

    2.5K installs 81KDataGit & GitHub

Search skills

/skills/Egonex-AI/Understand-Anything/understand-figma/