首页 > AI前沿 > OpenAI Codex and Figma launch seamless code-to-design experience

OpenAI Codex and Figma launch seamless code-to-design experience

OpenAI 2026-02-26 14:00 1 阅读 查看原文

OpenAI与Figma联合推出Codex集成,打通设计与代码壁垒

OpenAI和Figma今日宣布推出一项全新的Codex集成,该集成将代码与设计直接连接,使团队能够在实现环节与Figma画布之间无缝切换,从而加速迭代并更快交付产品。

此次合作旨在消除设计与开发之间的传统鸿沟,让工程师和设计师可以在同一工作流中协同操作。通过这一集成,用户能够:

  • 在Figma画布内直接调用Codex的代码生成与理解能力,将设计稿转化为可用的前端代码。
  • 将代码变更实时同步回Figma设计稿,确保设计与实现始终保持一致。
  • 在迭代过程中快速对比设计意图与实际代码效果,减少来回沟通成本。

这一功能特别适用于需要频繁调整UI细节或进行原型验证的团队。“我们相信,当设计和代码不再是孤岛时,产品的创造速度将大幅提升。”OpenAI产品负责人表示。

核心价值:从“交接”到“协作”

传统工作流中,设计师完成稿子后需要手动标注、切图,工程师再据此编写代码,任何微小的视觉调整都可能导致重复劳动。而新的Codex集成将这一过程自动化:

“现在,你可以在Figma中修改一个按钮的颜色,Codex会立即理解这一变化,并同步更新对应的代码文件;反之,工程师在代码中调整间距,设计稿也会自动反映出来。”Figma官方博客中写道。

此外,该集成还支持对设计系统中的组件进行语义化映射,确保生成的代码符合团队既有的代码规范。对于使用版本控制的团队,Codex还能生成清晰的提交说明,方便追溯每一次设计驱动的代码变更。

技术实现与可用性

该集成基于OpenAI的Codex模型,通过Figma的插件API与开发者平台实现深度嵌入。目前,该功能已向部分早期合作伙伴开放测试,并计划在未来几个月内向所有用户逐步推出。

对于开发者而言,这意味着可以直接在Figma中执行类似“将选中图层转换为React组件”的指令,而无需切换工具。同时,Codex会保留图层命名、样式变量等关键元数据,确保代码的可维护性。

这一举措被视为设计工具与AI编程助手融合的重要里程碑,也预示着未来产品开发流程将更加紧密地围绕“设计即代码”的理念展开。