Figma MCP服务器
连接AI与Figma设计工具，实现设计资产的智能访问与处理。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Figma MCP服务器。 它的用途是：连接AI与Figma设计工具，实现设计资产的智能访问与处理。 完整的 Skill 内容见：https://321skill.com/skills/figma-mcp服务器/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请帮我分析一下`项目主页`设计稿中的颜色和字体样式。” 它会通过该Skill连接到Figma，获取指定文件，并提取出所有使用的颜色色值、字体家族和字号，以清晰的列表形式呈现给你。你还可以进一步要求它：“根据这个主色，生成一组对应的CSS变量代码。”
介绍
该Skill是一个MCP（Model Context Protocol）服务器，它解决了AI工具和大型语言模型（LLM）无法直接与Figma设计平台交互的问题。通过集成Figma API，它为AI打通了访问和处理设计文件、组件库、设计令牌等资产的通道。
使用时，您需要配置好Figma个人访问令牌（PAT）和文件ID，然后通过支持MCP协议的AI客户端（如Claude Desktop）连接该服务器。连接成功后，AI助手便能在对话中获取设计稿信息、提取设计规范，甚至根据您的指令分析设计内容。
它非常适合需要将设计工作与AI工作流结合的角色，例如UI设计师、前端开发、产品经理等。这些用户可以通过AI快速获取设计上下文，辅助决策或生成与设计相关的代码与文档。
使用前请确保您拥有目标Figma文件的访问权限，并妥善保管个人访问令牌。由于依赖Figma API的现有能力，其操作范围受API本身限制，无法进行复杂的图形编辑或直接修改设计文件。
核心特点
这是专为MCP协议打造的Figma集成工具，使Claude等AI能原生“理解”并获取设计资产，而非简单的API调用封装；它直接将设计上下文注入AI对话，实现了设计资产与AI工作流的深度结合。
注意事项
不适合需要直接在线编辑Figma设计稿或进行复杂视觉创作的场景。
常见问题
如何获取Figma个人访问令牌？
在Figma官网账户设置中生成，需复制并妥善保存。
支持哪些AI客户端？
支持任何实现了MCP协议的客户端，如Claude Desktop。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/figma-mcp服务器/raw/index.md 读取 Figma MCP服务器 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/figma-mcp服务器/raw/index.md（查看排版版本）