Code Layers 是 Figma 于 2026 年 Config 大会上推出的一项新功能，目前处于开放测试（open beta）阶段，它让设计师可以直接在 Figma 画布上创建和编辑由真实代码驱动的原型，把设计与代码第一次放进了同一个工作空间。长期以来，设计稿与前端实现之间存在'翻译损耗'，Code Layers 试图通过让画布上的图层直接对应可运行代码，来缩短从设计到上线的链路。
Code Layers 的近期进展
当前焦点与观察点
从 Figma 官方的多次官宣节奏来看，Code Layers 已从大会演示走向逐步推送落地，官方明确表示该功能'starting today'开始滚动发布。与 Code Layers 一同发布的还有 Figma Motion、Weave tools 以及面向 AI Agent 的新特性——据 TechCrunch 报道，Figma 正在定义 AI 代理在其平台上如何工作，说明公司整体战略正围绕'画布即工程环境'展开。
目前值得关注的几个问题：一是 Code Layers 在开放测试阶段对复杂工程项目的实际承载能力，画布上的代码能否达到生产级质量仍有待验证；二是它对传统设计-开发协作流程的冲击程度，前端工程师的角色是否会被重新定义；三是与 Vercel、Anima 等同类'设计转代码'方案的竞争格局。随着 Config India 后功能持续扩展，Code Layers 能否成为设计工具与代码工具融合的行业标准，是接下来半年的关键观察点。