Figma正式宣布推出其 Dev Mode MCP（Model Context Protocol）服务器的Beta版，标志着设计与开发工作流的进一步融合。这一服务通过标准化协议将Figma的设计数据直接传递给AI编码工具，显著提升了从设计到代码的转换效率与准确性。
Dev Mode MCP 服务正式上线
Figma的Dev Mode MCP服务器现已进入Beta测试阶段，支持与多种AI编码工具无缝集成，包括VS Code with Co pilot、Cursor、Windsurf以及Claude Code等。用户只需在Figma桌面应用的“偏好设置”中启用Dev Mode MCP服务器，并在支持MCP的开发环境中输入相应的URL，即可实现设计数据的实时传递。这一服务允许AI工具直接访问Figma的设计上下文，如组件、变量、样式、间距和颜色等，消除传统设计到代码转换中的手动步骤和误差。
据Figma官方博客介绍，MCP服务器目前仅对持有Dev或Full Seat许可的用户开放，未来计划推出远程服务器功能和更深入的代码库集成，进一步扩展其应用场景。
MCP:设计与开发的“通用接口”
Model Context Protocol（MCP）被誉为AI应用的“USB-C接口”，由Anthropic开发并开源，旨在标准化AI模型与外部工具、数据源的交互方式。Figma的官方MCP服务器利用这一协议，将设计文件中的结构化数据(如布局、设计令牌、组件名称)直接提供给AI编码助手，使其能够生成更精准的代码。相比依赖视觉猜测的传统方法，MCP显著提高了代码输出的保真度和一致性。
社交媒体上，开发者对Figma的官方MCP服务表示高度期待，认为其相较于此前社区提供的非官方MCP解决方案更加稳定且功能更丰富。许多用户指出，Figma的原生支持将推动设计系统与开发环境的深度融合，尤其在需要快速迭代的初创企业和大型团队中。
与Figma Make的协同效应
Figma的MCP服务与近期上线的Figma Make平台形成互补。Figma Make允许用户通过自然语言提示生成交互式UI和原型，而MCP则专注于将设计数据传递给开发工具。两者结合，为产品团队提供了一套从快速原型设计到生产级代码的完整工作流。例如，开发者可通过Figma Make创建初始UI，再利用MCP服务器将设计细节转化为React、SwiftUI或Jetpack Compose等代码格式。
有评论指出，Figma此举是对Adobe、Canva以及WordPress、Wix等AI驱动设计与开发平台的直接挑战。MCP的推出进一步巩固了Figma在设计-开发协作领域的领先地位。
Figma官方MCP服务的推出标志着AI在设计与开发协作中的角色进一步深化。社交媒体反馈显示，开发者对MCP的易用性和稳定性评价较高，尤其是在与Cursor和VS Code的集成中，显著减少了设计到代码的手动工作量。然而，Beta版目前仍存在局限，例如仅限本地服务器运行，且对非Full Seat用户暂不开放。
随着Figma计划在未来数月推出远程服务器功能和更深入的代码库集成，MCP有望成为设计与开发协作的标准工具。AIbase认为，这一服务不仅降低了开发者的技术门槛，还为跨职能团队协作提供了新可能，将进一步推动AI驱动的数字化产品开发。
官方介绍：https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/