Figma Code layers 开公测：设计稿上直接跑可交互代码原型

结论

Figma 已把「可点击的代码原型」放进画布公测，付费计划在 11 月 4 日前编辑免计 AI credits。

原文摘录

来源

• Figma Release Notes · Config India 2026 · 2026-10-15
• Design together with code layers on the canvas · 2026-10-15
• Build by design 总览 · 2026-10-15

发生了什么

2026-10-15 Config India，Figma 将 Code layers 推入 open beta：可把设计 frame 转成代码原型、从 GitHub／本地文件夹导入，或用 Chrome 扩展抓现网页面到画布协作。同日还发布 Payload in Figma、Code sources（closed beta）与 Guidelines（给 Agent 的设计系统规则）。

为何相关

UI/UX 可在画布上并排对比可点击原型、用 Extract designs 抽回可编辑图层，缩短「静态稿→可点原型→对齐研发」链路；促销窗内值得当天就试。

边界

促销期后依赖 AI credits；GitHub 导入偏轻量原型库；客户案例数据为厂商表述。侦察员未本机实测。

建议

付费账号先用一个真实需求 frame 跑通「转代码→点改→抽回图层」，再评估是否纳入团队原型标准动作。