孤本网
/ 0 阅读
0

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

一句话结论

Figma 发布 Markdown 规范编辑器与代码层公共测试,通过标准化定义文档与上下文集成,引导 AI Agent 更精准地遵循品牌设计规则并生成代码。

关键要点

  • Figma 推出名为 Figma Specs 的 Markdown 编辑器,允许用户定义设计语言文档,该文档可作为团队及 AI Agent 的设计参考标准。
  • Figma 将此前处于私有测试阶段(去年 6 月)的代码层(code layers)功能开放为公共测试(public beta),支持用户在画布上直接嵌入代码以创建交互式原型。
  • 在印度 Config 大会上,Figma 宣布其 Model Context Protocol(MCP)支持超过 20 个新工具,包括 Open Code、Dia、Grok Bot 以及印度 AI 初创公司 Sarvam。
  • Figma 将去年收购的开源无头内容管理系统 Payload 整合至 Figma Make 产品中,用于生成动态网站并直接管理内容,该系统过去 12 个月下载量增长六倍。
  • Figma 设计团队发现当前代码生成量是过去的 17 倍,但发布频率仅增长 1.3 倍,表明大量代码主要用于探索产品设计而非直接上线。

背景与事实

设计平台 Figma 在其印度举办首届 Config 大会上,宣布了一系列旨在规范 AI Agent 工作流程的新功能。核心功能包括一个基于 Markdown 的新编辑器,用于定义公司的设计体系,导入设计和代码库,并与无头内容管理系统 Payload 进行集成。通过这些功能,Figma 旨在为其自身的第三方 Agent 提供明确的定义框架,使其在利用 AI 进行创作时,能够更严格地遵守品牌的设计规则。

Figma 首次推出了名为 Figma Specs 的功能,这是一个 Markdown 编辑器,允许用户以简洁的方式定义其设计语言。该文档可以作为团队和 AI Agent 在 Figma 中设计时的参考基准。Specs 文件既可以作为 Figma 中的独立文件存在,也可以与画布共存。除了作为文本编辑器外,用户还可以引用其他 Figma 元素,例如画布上的元素,以及嵌入 FigJam 图表、代码层和设计稿。此外,团队可以引入更多关于设计的设计库、代码库和指南,以集中管理设计系统的上下文,AI Agent 也可以参考这一集中式系统来遵守既定规则。

在功能可用性方面,Figma 在过去一周内将其画布内的 Agent(agent on canvas)功能开放给更广泛的用户群体。鉴于 AI 的非确定性本质,Figma 正在提供工具来引导其产生更具可预测性的结果。同时,Figma 将其代码层功能从去年的私有测试阶段提升至公共测试阶段。该功能允许在设计画布中添加代码,以创建更具交互性的原型。用户还可以请求 Agent 将设计转换为代码,或修改代码的一部分以迭代原型。

Figma 首席设计官 Loredana Crisan 向 TechCrunch 表示,他们视 Figma 为软件团队决定构建和发布产品的场所。她指出,AI 改变了构建能力,目前生产的代码行数比过去多了 17 倍,但发布次数仅多了 1.3 倍。许多代码并非为了发布而构建,而是为了发现产品本身,即用于设计。在生态集成方面,Figma 宣布其 MCP 协议支持超过 20 个新工具,包括 Open Code、Dia、Grok Bot 和印度 AI 初创公司 Sarvam。此外,Figma 将去年收购的 Payload 与 Figma Make 产品整合,以生成动态网站并管理内容,Payload 的下载量在过去 12 个月内增长了六倍。

影响分析

对于中文开发者与从业者而言,Figma 推出的 Specs 功能提供了一种标准化的方法,将设计规范以文本形式固化,这对多团队协作及引入外部 AI 代理至关重要。由于 AI 生成内容的随机性,通过 Markdown 文档明确定义设计语言、引用代码库和设计资产,可以显著减少 AI 偏离品牌风格的风险,提高原型设计的准确率。代码层功能的公共测试则进一步打通了设计到开发的链路,允许设计师在 Figma 中直接编写和迭代代码,对于全栈设计师或前端工程师来说,这意味着可以更快速地验证交互逻辑,无需在多个工具间切换。这一趋势表明,未来的设计工具将更深地融合开发逻辑,要求从业者具备更紧密的设计与代码结合能力。

适用边界

上述结论主要适用于使用 Figma 作为核心协作平台,且团队已经或计划引入 AI Agent 进行辅助设计或代码生成的场景。如果企业尚未建立完善的品牌设计系统文档,或缺乏将设计规范转化为 Markdown 结构的能力,Figma Specs 的收益将受到限制。此外,代码层功能目前仍处于公共测试阶段,意味着其稳定性、性能及与现有 CI/CD 流水线的兼容性可能尚未达到生产级标准,不适合直接用于关键生产环境的最终代码交付。对于主要依赖非 Figma 生态工具(如 Sketch 或 Adobe XD)且无迁移计划的企业,这些新功能的直接影响力有限。

孤本观察

从数据对比来看,代码生成量 17 倍的增长与发布频率 1.3 倍的增长之间的巨大落差,揭示了 AI 在设计阶段的主要价值在于“探索”而非“交付”,这标志着设计工具正从界面画布转变为产品逻辑的早期验证引擎。

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

Figma 发布 Markdown 规范编辑器与代码层公共测试,强化 AI Agent 对品牌设计规则的遵循能力

常见问题

Figma Specs 是什么工具?

Figma 推出的 Markdown 编辑器,允许用户定义设计语言文档,可作为团队及 AI Agent 的设计参考标准,支持引用画布元素、嵌入图表及代码层。

代码层功能的当前测试阶段是什么?

代码层功能已从私有测试提升至公共测试(public beta),支持在画布上直接嵌入代码创建交互式原型。

Figma 的 MCP 协议支持哪些新工具?

MCP 协议支持超过 20 个新工具,包括 Open Code、Dia、Grok Bot 以及印度 AI 初创公司 Sarvam。

当前代码生成量与发布频率的增长倍数分别是多少?

代码生成量是过去的 17 倍,发布频率仅增长 1.3 倍,表明大量代码用于探索产品设计而非直接上线。

Payload 系统在 Figma 中用于什么功能?

Payload 整合至 Figma Make 产品,用于生成动态网站并直接管理内容,该系统过去 12 个月下载量增长六倍。

来源:TechCrunch AI