2026年11月4日，Figma在官方博客宣布，代码层（Code Layers）即日起向全部用户开放测试，Figma智能体同时正式全面可用。设计师不用再把设计稿导出到别的编码工具，在画布上就能直接改代码、并排比较多个可交互原型，设计与实现之间来回倒腾的环节少了一大截。
不用导出，在画布上直接改代码
代码层是把真实代码搬上画布的一层容器。创建方式有好几种：用Figma浏览器插件抓取现有网页代码粘贴进来；选中一个设计稿，让Figma智能体把它转成交互式代码层；直接克隆已连接的GitHub仓库，或上传本地代码文件夹；也可以让外部编码智能体通过MCP把项目导进来。空白代码层支持从一段文字描述甚至PRD起步，Notion里的需求文档可以直接作为输入。
博客里演示的是一家虚构市集应用：设计师想在地图页加一个配送地址按钮，对智能体说一句话就能同时生成三个版本——地址搜索框、地图选点、快捷地址，三个方案并排放在画布上，点一点就能比较。定下方向后还能复制一份继续抠细节，改完点一下就能把改动写回代码层。
改完设计，还能把代码送回去
代码层不只是展示。设计师可以把代码层里的元素抽取成可编辑的设计图层，用熟悉的Figma工具调间距、改文案；录制点击流程后，操作过的页面会按顺序变成一帧帧可编辑的设计稿。改动确认后点更新，编辑结果会同步回可运行的原型，之后可以推回分支或提交PR，评审时附带的改动说明文档也直接留在画布上。
边界也要说清：代码层目前是公开测试，智能体一次给出的多个方案仍需人工挑，复杂交互和后端逻辑还得开发介入；它解决的是方案对比与细节打磨这段路，而不是替代开发交付。
现在就能用，先从一个页面试起
所有用户现在都能在画布上创建代码层，不用排队等邀请。正在用Figma做产品原型、着陆页或活动页的设计师可以直接试：先挑一个已有页面转成代码层，让智能体出两三个变体，比一比再动手改。对团队来说，真正的变化在协作方式上——不同成员的探索可以放在同一块画布上合并、评论、再组合，不用再各发各的链接。接下来值得关注的是真实项目中的使用反馈，以及Figma后续对代码层支持范围的更新。更多动态见Figma专题与AI智能体专题。
