Figma MCP Server
通过自然语言指令，在Figma中实现AI驱动的设计自动化。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Figma MCP Server。 它的用途是：通过自然语言指令，在Figma中实现AI驱动的设计自动化。 完整的 Skill 内容见：https://321skill.com/skills/figma-mcp-server/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我们的新产品‘智慧办公’设计一个仪表盘页面的线框图，包含顶部导航栏、左侧菜单、中间的主要数据图表区和右侧的通知列表。”，它会通过Figma MCP Server在您的Figma文件中自动创建对应的画板并布置好基本的框架和占位元素。您还可以接着说：“把主要图表区的背景色改为浅灰色，并把导航栏的logo换成附件里的图片。”，它会继续执行这些样式修改和资源替换操作。
介绍
Figma MCP Server 是一款连接AI助手与Figma设计工具的桥梁，它解决了设计师和产品团队在重复性设计操作、设计系统维护和快速原型迭代中效率低下的问题。用户无需手动点击复杂的界面或编写代码，只需用自然语言向AI助手（如Claude）描述设计意图，该工具便能自动执行相应的Figma操作。
使用方式非常简单：用户在与集成了该MCP工具的AI助手对话时，直接提出设计相关的需求，例如“创建一个包含标题和三个卡片的登录页框架”，AI助手便会理解指令并通过该工具在Figma中生成对应的设计元素或执行修改操作，实现“所说即所得”的设计体验。
它特别适合UI设计师、产品经理以及需要频繁与设计稿交互的前端开发人员。对于设计师，可以快速生成布局和组件变体；对于产品经理，能便捷地将想法可视化为原型；对于前端开发，则能快速获取设计规范或导出素材。
在使用时，建议用户先从简单的布局调整或组件复制等任务开始，逐步尝试更复杂的自动化流程。需要注意的是，指令的描述清晰度直接影响执行效果，过于模糊的指令可能导致生成结果不符合预期。同时，它主要服务于设计生成与修改，而非替代创意构思环节。
核心特点
与同类设计辅助工具相比，它深度集成于MCP协议，允许用户通过Claude等AI助手直接、自然地操控Figma，实现了从自然语言到设计稿的无缝转换，而非提供预设模板或有限的自动化按钮。
注意事项
不适合需要高度原创性、复杂艺术创作或完全脱离现有设计系统约束的创意设计场景。
常见问题
这个工具需要编程知识吗？
完全不需要，只需会用自然语言描述设计需求即可。
它能自动完成哪些Figma操作？
可以创建框架、绘制形状、修改图层属性、管理组件、应用样式等常见设计任务。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/figma-mcp-server/raw/index.md 读取 Figma MCP Server 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/figma-mcp-server/raw/index.md（查看排版版本）