understand-figma

仓库创建 2026年3月15日最近提交 1 天前SkillHot 收录 5 小时前

▸ 精选理由

自动化提取设计结构和组件，有助于跨团队理解与复用设计资产。

▸ 风险提示

需提供 FIGMA_TOKEN 并访问 Figma API，涉及外部凭证。

这个 Skill 做什么

通过 Figma API 分析文件并生成交互式设计知识图谱与仪表盘。

通过 Figma REST API 分析一个 Figma 文件，把页面、界面、组件、实例和设计 token 抽成一个可交互的设计知识图谱和仪表盘，适合想全面理解产品设计结构或做设计迁移与治理时使用。有个前提是需要配置 Figma 个人访问令牌，才能抓取文件数据。

▸ 展开 SKILL.md 英文原文

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.

研究检索Figma设计分析知识图谱通用

7.6w

Stars

6.4k

Forks

仓库内 Skill

+4.9k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/Egonex-AI/Understand-Anything/main/understand-anything-plugin/skills/understand-figma/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/Egonex-AI/Understand-Anything/main/understand-anything-plugin/skills/understand-figma/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# /understand-figma

Analyzes a Figma file and produces an interactive design knowledge graph in the existing dashboard.

## Prerequisites

- **`FIGMA_TOKEN`** 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 FIGMA_TOKEN=<token>`.
- 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 fu

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有