OpenAI 联手 Figma：Codex 打通 MCP，代码与设计图能双向互转了

过去做软件最让人头疼的环节之一，就是设计师画完稿子丢给工程师，工程师写完后又和原版差了十万八千里。两边来回扯皮改稿，大部分时间都耗在了「翻译」上。

现在 OpenAI 和 Figma 打算把这道墙彻底拆了。2 月 26 日，双方宣布推出 Codex 到 Figma 的深度集成。借助开源的 MCP 协议，开发者现在不仅能把 Figma 的设计稿转成代码，还能把代码直接反向生成为可编辑的 Figma 设计文件。

代码和画布开始双向互通

其实在这项更新之前，团队就已经能把 Figma Design、Figma Make 或者 FigJam 里的设计拉进 Codex 写代码。但这次最大的看点在于，流程终于走通了「闭环」。

工程师在本地跑着代码，如果觉得界面哪里不对劲，可以直接通过 Figma MCP Server 把当前代码变成 Figma 上的矢量图层。设计师在画布上微调布局、字号和间距，改完后又能立刻同步回 Codex 生成对应代码。

按照 Codex 产品负责人 Alexander Embiricos 的说法，这个系统不再默认你是纯设计师还是纯工程师。工程师不用中断工作心流去学专业作图，设计师也不用硬着头皮啃全栈开发，两边可以直接用各自最趁手的工具对话。

想体验这个功能也不复杂。如果你已经在用 Codex 的 macOS 桌面端，直接在应用里安装 Figma MCP Server 就能跑起来。

Codex 狂飙与 Figma 的两头下注

OpenAI 顺手公布了 Codex 的最新成绩单。这个最早在 2025 年 4 月以命令行工具亮相的产品，今年以来使用量增长了 400%，目前周活跃用户已经突破 100 万。前不久刚上线的 macOS 桌面应用，首周下载量也达到了 100 万次。像 Cisco、NVIDIA、Ramp 和 Datadog 等大公司，都已经把 Codex 推进了日常工作流。

不过，有意思的细节在场外。就在这次宣布合作的前一周，Figma 才刚刚和 Anthropic 官宣了类似的合作，为后者的 Claude Code 提供集成支持。

对于 Figma 来说，它显然不想把自己绑死在任何一家大模型巨头的战车上。无论是 OpenAI 还是 Anthropic，只要能帮用户把画布和终端连起来，它都乐见其成。

为什么重要

我们认为，这次更新最核心的价值，是把「代码生成 UI」这件事真正做成了可维护的闭环。

市面上大部分 AI 编程工具都是单向的，代码生成出来之后，视觉上的微调往往最折磨人。改一行 CSS 就得刷新一次看效果，或者在聊天框里反复用自然语言描述「把按钮往左挪两个像素」。现在能把代码一键倒回 Figma 画布，直接用鼠标拖拽调整再导回代码，哪怕是独立开发者或小团队，打磨产品细节的效率也会成倍提升。

对行业来说，这也是 MCP 协议在消费级和生产力工具上的又一次关键胜利。大模型工具不再满足于停留在终端或侧边栏，它们正在通过标准协议直接吞噬专业软件的工作流。对于还在手写切图、死磕样式对照的团队来说，现在就值得在 Codex 桌面端里配上 Figma 试一试。

不过，这里也有隐患。真实项目里的前端代码往往夹杂着复杂的业务逻辑、状态管理和组件封装。把简单 UI 逆向生成为 Figma 图层或许很顺滑，但面对大型项目高度抽象的代码库时，逆向还原的保真度和可用性究竟如何，仍然需要开发者在实际复杂场景中验证。