Figma 发布 Specs 与 Code layers,设计稿直连编码 Agent
Figma 在 Config India 期间发布「Build by Design」系列新功能,CEO Dylan Field 撰文阐述平台定位转变:在 AI 让编码成本大幅下降后,团队同时需要「为思考而构建」(快速试错)与「为发布而构建」(精细打磨)两种模式,Figma 希望成为两者共享的全流程平台。
已确认
- Specs:Figma 画布上承载 Markdown 的新媒介,官方定位为「上下文的容器」,可将需求说明、技术文档放在设计稿旁;支持评论协作、嵌入 Figma 元素,并可通过 MCP、GitHub 等方式引入外部上下文,让编码 agent 直接消费这些规格。
- Code layers:过去设计师在 Figma 做静态 UI、交互代码由工程师另写;现在画布内元素可直接绑定交互代码,工具链开始面向开发者。
- Payload 集成:Figma Make 新增与 Payload 的集成,进一步打通设计到交付链路。
为什么重要
多位作者(@abhi9u 连发多条)认为 Specs 是本轮更新中最有趣的部分:它让需求文字紧贴设计稿、对 agent 友好,原型满意后可直接一键生成给编码 agent 的实现规格。整体判断是 Figma 正从「设计应用长什么样」走向「共同探索应用如何工作、沉淀实现细节、与编码 agent 协作」的平台,设计与开发的边界被进一步压缩。
2026-10-15 ~ 2026-10-15 · 5 条相关
一手来源
- Figma Specs:画布选区一键生成给编码 agent 的实现规格 — abhi9u ·
- Figma 发布 Code layers 与 Specs,设计师工具开始面向开发者 — abhi9u ·
- Figma 发力设计转开发:新工作流打通代码与编程 Agent 协作 — abhi9u ·
- Figma 推出 Specs:画布上的 Markdown 容器,打通 MCP 与 GitHub — IanArawjo · 2026-10-15
- 【源头】Figma 发布 Code layers 与 Specs,设计师工具开始面向开发者 — abhi9u · 2026-10-15
- 【源头】Figma Specs:画布选区一键生成给编码 agent 的实现规格 — abhi9u · 2026-10-15
- Figma Make 推出 Specs 与 Payload 集成,打通设计到交付 — abhi9u · 2026-10-15
- 【源头】Figma 发力设计转开发:新工作流打通代码与编程 Agent 协作 — abhi9u · 2026-10-15