省极客AI导航 提交工具

Figma 在 Config India 上线 Specs:用 Markdown 写设计意图,让自家与第三方 Agent 按品牌规则出稿

2026-10-15 · #Figma#设计系统#AI Agent#Specs#Code layers#新功能

Figma 在 Config India 2026 宣布 Figma Specs 开放测试:用 Markdown 把设计语言、画布引用、FigJam 与代码层收成团队与 Agent 共用的上下文;同期 Code layers、设计库 Guidelines、Payload 集成与 MCP 扩展一并推进,用来约束 Agent 更可预期地跟品牌规范出稿。

设计平台 Figma 在 Config India 2026 宣布一系列面向「人机协作设计」的更新,核心是让团队用结构化上下文约束自家与第三方 Agent,减少 AI 乱改设计系统的不确定性。

按Figma 发布说明与TechCrunch 报道,要点包括:

  • Figma Specs(开放测试,付费档):原生 Markdown 编辑器,用来写设计语言与意图;可独立成文件,也可与画布共存;可引用画布元素,嵌入 FigJam、代码层与设计稿,作为人和 Agent 共用的规范入口;
  • Guidelines 与设计系统打包:可向已发布设计库添加指南文件,Agent 在启用对应库时自动读取模式与反模式;预览中的「集中式设计系统」可把设计库、代码库与指南捆成一套,方便维护与遵循;
  • Code layers(开放测试):在画布上把设计帧转成可交互的代码原型,也可从 GitHub 导入、用 Chrome 扩展抓站或从零提示生成;付费计划内创建与编辑代码层至 11 月 4 日前免费;Code sources(闭测)可导入 GitHub / npm 以贴合真实组件;
  • Make + Payload、MCP:Make 可脚手架 Payload 后端(CMS、数据库、媒体、API、鉴权与管理台),由 Figma 托管;MCP 性能提升并新增约 20 家合作工具支持,可在外部 AI 工具里创建代码层、编辑 Specs 或在画布生成图像。

对创作者意味着什么: 对产品设计师、独立开发者和要做品牌短视频物料包的团队,Specs + Guidelines 等于给 Agent 一份「可执行的品牌书」,比只丢一句「按我们的 UI 来」稳得多。落地建议:先把组件命名、间距、禁用样式和反模式写进 Specs/指南,再让 Agent 出稿或改原型;Code layers 适合快速验证交互与演示,商用上线前仍要人工过可访问性、性能与真实设计系统;接入第三方 Agent 时核对 MCP 权限与文件范围,避免把未发布稿件暴露过宽;发布物料时保留人工终审,平台 AI 标注规则照常遵守。

信息来源:Figma(Release Notes / Config India 2026)(本文为编辑整理改写)

推荐工具