Figma 推出 Code Connect 应用内映射功能：打通设计与代码的“最后一公里”

Figma 正在推进其统一设计系统的长期目标——让设计与开发之间的协作更加无缝。最新进展来自 Code Connect 的一次重要升级：现在，团队可以在 Figma 内直接完成设计组件与代码组件的映射，而不再依赖命令行操作。

这一变化看似细微，实则显著降低了设计系统落地的技术门槛，也为 AI 驱动的开发流程提供了更完整的上下文支持。（来源）

从 CLI 到应用内：映射变得更直观

在过去，使用 Code Connect 建立设计组件与代码文件之间的关联，需要开发者在终端中手动配置。虽然灵活，但对非技术成员不友好，也容易因维护滞后导致映射失效。

现在，Figma 引入了应用内映射体验，允许用户：

• 在 Figma 界面中直接浏览设计组件；
• 将其拖拽或选择性地链接到对应的代码文件；
• 实时查看哪些组件已连接、哪些尚未同步。

这项功能并不取代原有的 Code Connect CLI，而是与其互补。CLI 仍用于将生产级代码片段导入 Dev Mode，并定义属性、变体等高级映射规则。许多团队正在同时使用两者：设计师通过界面完成初步绑定，开发者通过工具链完善细节。

更强的上下文传递：AI 代理也能“看懂”代码位置

Code Connect 的核心价值不仅在于提升人工协作效率，更在于为 AI 提供准确的生产环境认知。

通过 Figma 的 MCP（Model Context Protocol）服务器，外部工具和 AI 代理原本只能获取设计结构、样式和交互信息。而现在，启用 Code Connect 后，MCP 还能提供：

• 对应组件的代码路径；
• 使用说明与调用规范；
• 组件在框架中的实现方式。

这意味着 AI 在生成代码时，不再只是“猜测”如何实现某个按钮或卡片，而是知道：“这个组件已在项目中存在，位于 src/components/Button.tsx，应优先复用。”

根据内部测试和早期 alpha 客户反馈，结合设计与代码上下文后：

• AI 输出的代码一致性更高；
• 文件跳转和导航效率明显提升；
• 提示词（prompt）消耗减少，代币利用率改善。

这些改进将在接下来的 beta 阶段逐步向更多团队开放。

新增安全机制：集成审查与速率限制优化

随着 Figma 开放越来越多与外部工具的连接能力，平台也在加强底层可靠性与安全性。

两项关键更新将于 11 月 17 日生效：

1. 公共第三方集成与 MCP 客户端需经 Figma 审查
   所有新接入的第三方应用或 MCP 客户端，在访问用户数据前必须通过 Figma 团队审核。此举旨在确保连接的安全性和行为透明度，防止滥用或意外泄露。
2. REST API 速率限制调整
   为保障系统稳定性，API 调用频率将进行精细化管理，以提供更可预测的服务表现。据官方统计，此次变更影响范围极小，涉及不到活跃用户总数的 1%。

这些调整虽不直接影响日常使用，却是构建可信生态的重要基础。

展望：MCP 将成为双向上下文枢纽

目前，Figma 的 MCP 服务器主要作用是“输出”设计上下文，供外部工具调用。未来的目标是将其转变为双向连接器：

• 不仅能把 Figma 的设计信息传出去；
• 还能将外部系统的反馈拉回来，比如：
  • 实际代码中的使用情况；
  • 测试覆盖率或性能指标；
  • 用户行为数据对原型的影响。

当这种闭环形成，原型就不再是静态参考，而是能反映真实系统状态的动态工件。设计师可以基于真实数据迭代界面，开发者也能更快验证实现路径。

设计即输入，而非仅参考

Figma 始终强调一个理念：设计资产不应只是视觉稿或标注文档，它们是产品构建过程中的活跃输入源。

无论是设计系统、交互原型、注释模型，还是由 AI 生成的代码片段，每一个元素都承载着团队的知识沉淀。当这些信息能在工具间自由流动，重复劳动就会减少，创新时间自然增加。

功能上线状态

上述所有功能——包括应用内 Code Connect 映射、增强型 MCP 上下文、集成审查机制——均已进入 beta 阶段，将随后续迭代逐步完善，最终推向正式发布。