Figma Node Explorer MCP服务器
支持REST API与MCP协议的Figma文件结构分析工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Figma Node Explorer MCP服务器。 它的用途是：支持REST API与MCP协议的Figma文件结构分析工具 完整的 Skill 内容见：https://321skill.com/skills/figma-node-explorer-mcp服务器/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我分析一下Figma文件[文件ID]中所有使用了颜色变量“primary”的组件，并列出它们的名称和位置。’，它会通过MCP服务器连接Figma API，解析文件节点，然后返回一个结构化的列表，清晰展示哪些设计组件使用了指定的设计令牌。
介绍
Figma Node Explorer MCP服务器是一款专为开发者设计的工具，它解决了在复杂Figma设计文件中快速定位、分析和理解设计节点结构的难题。通过解析Figma文件，它能够将设计稿中的图层、组件、变量等元素以结构化的方式呈现，帮助开发者高效对接设计资产。
该工具通过提供REST API和MCP（Model Context Protocol）协议两种方式接入。开发者可以直接调用API获取文件节点数据，也可以将其作为MCP服务器集成到Claude Desktop、Cursor等支持MCP的AI助手或开发环境中，通过自然语言指令直接查询和分析Figma文件内容。
它非常适合需要频繁与Figma设计稿打交道的前端开发、UI设计师和全栈开发人员。无论是为了提取设计令牌、检查设计一致性，还是为了将设计转换为代码，这个工具都能显著提升从设计到开发的工作流效率。
使用建议：建议在需要深度分析大型或团队共享的Figma文件时使用。注意事项：使用前需要配置好Figma个人访问令牌（Access Token）以调用Figma API，并确保对目标文件拥有查看权限。
核心特点
与仅提供简单Figma API封装的工具不同，它原生支持MCP协议，可直接被Claude等AI助手调用，实现用自然语言交互式探索设计文件；同时提供REST API，为传统开发流程提供了灵活性。
注意事项
不适合用于实时协作编辑Figma文件或处理需要高频率更新的动态设计场景。
常见问题
如何获取Figma访问令牌？
需要在Figma官网个人账户设置中生成Personal Access Token。
支持分析Figma开发模式（Dev Mode）下的内容吗？
支持，只要API令牌有相应权限，可以获取包括开发模式注释在内的节点信息。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/figma-node-explorer-mcp服务器/raw/index.md 读取 Figma Node Explorer MCP服务器 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/figma-node-explorer-mcp服务器/raw/index.md（查看排版版本）