Figma 官方 MCP 重磅上线!设计到代码一键转换,革新开发工作流

Figma 正式宣布推出其 DevModeMCP(ModelContextProtocol) 服务器的 Beta 版,标志着设计与开发工作流的进一步融合。这一服务通过标准化协议将 Figma 的设计数据直接传递给 编码工具,显著提升了从设计到代码的转换效率与准确性。

DevModeMCP 服务正式上线

Figma 的 DevModeMCP 服务器现已进入 Beta 测试阶段,支持与多种 AI 编码工具无缝集成,包括 VSCodewithCopilot、Cursor、Windsurf 以及 ClaudeCode 等。用户只需在 Figma 桌面应用的 「偏好设置」 中启用 DevModeMCP 服务器,并在支持 MCP 的开发环境中输入相应的 URL,即可实现设计数据的实时传递。这一服务允许 AI 工具直接访问 Figma 的设计上下文,如组件、变量、样式、间距和颜色等,消除传统设计到代码转换中的手动步骤和误差。

据 Figma 官方博客介绍,MCP 服务器目前仅对持有 Dev 或 FullSeat 许可的用户开放,未来计划推出远程服务器功能和更深入的代码库集成,进一步扩展其应用场景。

MCP: 设计与开发的 「通用接口」

ModelContextProtocol(MCP) 被誉为 的 「USB-C 接口」,由 开发并,旨在标准化 与外部工具、数据源的交互方式。Figma 的官方 MCP 服务器利用这一协议,将设计文件中的结构化数据 (如布局、设计令牌、组件名称) 直接提供给 AI 编码助手,使其能够生成更精准的代码。相比依赖视觉猜测的传统方法,MCP 显著提高了代码输出的保真度和一致性。

社交媒体上,开发者对 Figma 的官方 MCP 服务表示高度期待,认为其相较于此前社区提供的非官方 MCP 解决方案更加稳定且功能更丰富。许多用户指出,Figma 的原生支持将推动设计系统与开发环境的深度融合,尤其在需要快速迭代的初创企业和大型团队中。

与 FigmaMake 的协同效应

Figma 的 MCP 服务与近期上线的 FigmaMake 平台形成互补。FigmaMake 允许用户通过自然语言提示生成交互式 和原型,而 MCP 则专注于将设计数据传递给开发工具。两者结合,为产品团队提供了一套从快速原型设计到生产级代码的完整工作流。例如,开发者可通过 FigmaMake 创建初始 UI,再利用 MCP 服务器将设计细节转化为 React、SwiftUI 或 JetpackCompose 等代码格式。

有评论指出,Figma 此举是对 Adobe、Canva 以及 WordPress、Wix 等 设计与开发平台的直接挑战。MCP 的推出进一步巩固了 Figma 在设计-开发协作领域的领先地位。

Figma 官方 MCP 服务的推出标志着 AI 在设计与开发协作中的角色进一步深化。社交媒体反馈显示,开发者对 MCP 的易用性和稳定性评价较高,尤其是在与 Cursor 和 VSCode 的集成中,显著减少了设计到代码的手动工作量。然而,Beta 版目前仍存在局限,例如仅限本地服务器运行,且对非 FullSeat 用户暂不开放。

随着 Figma 计划在未来数月推出远程服务器功能和更深入的代码库集成,MCP 有望成为设计与开发协作的标准工具。 认为,这一服务不仅降低了开发者的技术门槛,还为跨职能团队协作提供了新可能,将进一步推动 AI 驱动的数字化产品开发。

官方介绍:https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给 TA 打赏
共 {{data.count}} 人
人已打赏
AI 资讯

Figma 官方 MCP 发布!AI 设计到代码一键生成,效率翻倍!

2025-6-12 1:22:54

AI 资讯

高通推出新款骁龙 AR1+ Gen 1 处理器,支持设备端 AI

2025-6-12 1:23:13

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索