Claude：推出 Figma MCP 插件，支持网页到 Figma 同步
Claude 推出 Figma MCP 服务器插件，用户可直接让 Claude 将本地网页应用的页面发送到 Figma 进行设计协作。
查看原文Anthropic 将 Claude 接入 Figma MCP 插件，让 AI 能直接将本地网页截图同步到 Figma，省去手动上传步骤。这是 MCP 协议落地的真实案例，标志着 AI Agent 从「对话辅助」迈向「工具执行」的关键一步。
产品是什么
这是一枚 Figma MCP 服务器插件，属于 Claude 的 Model Context Protocol 生态扩展。安装后，Claude Desktop（或其他兼容 MCP 的客户端）会自动识别本地运行的网页应用，用户只需用自然语言描述「把这个页面发去 Figma」，Claude 就会自动完成截图、命名图层、上传到指定 Figma 文件的完整流程。
解决什么问题
传统设计与开发协作存在明显的「交接断层」：设计师出图后，开发者需要手动截图、重命名、上传 Figma，整个过程琐碎且容易出错。尤其在前端开发本地跑着 React/Vue 应用、想快速让设计师看效果时，绕来绕去很不顺畅。
这枚插件的价值在于：Claude 理解了你的前端代码结构，它能判断当前展示的是哪个页面、以什么命名规范同步到 Figma，并附上对应的组件层级信息。换言之，AI 从「旁观者」变成了「执行者」——不只是给建议，而是真实调用外部工具完成操作。
目标用户
- 前端 + 设计双人组：开发者本地跑着页面，想快速拉设计师review，无需截图工具切来切去
- 独立产品人：一个人做全栈，想把前端产出快速沉淀到设计稿里
继续阅读深度解读 + 编辑加注
下方还有 3-5 段深度分析 + Vincent 编辑加注 + 可点击信源，仅 Pro 会员可见
加入机智流 PRO →¥99 / 季 · 每周 1 篇深度研报 · 飞书+微信群双通道
已是 Pro 但仍被提示？联系反馈
- 原文：Claude 推出 Figma MCP 插件 · 2026-02-18
- MCP 官方协议文档 · 2026-01-01