Google开源DESIGN.md:让AI代理按品牌规范生成高质量UI

Google开源DESIGN.md:让AI代理按品牌规范生成高质量UI

N
News Editor 01
2026-07-23 22:25:15
Google Labs 将 Stitch 的 DESIGN.md 格式开源,用纯 Markdown 编码颜色、字体、间距与组件规则,供 Claude Code、Gemini CLI 等AI代理直接读取。
GoogleStitchAI代理设计系统DESIGN.md

Google Labs 旗下设计工具 Stitch 已将 DESIGN.md 格式开源。这个文件本质上是一个纯 Markdown 文档,用来记录品牌设计系统中的颜色、字体、间距和组件规则,让 Claude Code、Cursor、Gemini CLI 以及 Google 自家的 Antigravity 等工具在生成 UI 时,直接读取设计规范,而不是依赖模型自行揣测。

把设计系统变成任何工具都能读取的文本

按照 Google 给出的思路,DESIGN.md 之于设计系统,类似 README.md 之于代码项目。文件中可写入几类核心信息,包括主色与语义色彩、字族与字号、字重和行高,以及间距刻度、网格习惯、圆角和阴影等规则。重点不只是“用什么”,还包括“为什么这样用”。这让设计系统从 Figma 内部的可视化文件,转成一个可被不同工具直接消费的纯文本规范。

DESIGN.md 的生成方式有 3 种:由 Stitch 的 AI 按描述自动生成;从现有网站 URL 或图片中提取设计语言;也可以由团队手动编写 Markdown。生成后,文件可带入支持该格式的工具中复用,范围不只限于 Google 自家产品。

AI 写界面时,不再只追求“看起来还不错”

这套格式所指向的,是设计与开发协作流程中的一个老问题。以往常见流程是设计师在 Figma 完成方案,标注尺寸、颜色与间距,再由开发者对照切版。AI coding agent 出现后,这个流程并没有被完全替代。即便代理能够接入 Figma,也不代表它能准��理解设计稿里的规范和意图。

DESIGN.md 试图填补的正是这块空白。有了这份文件,AI 代理生成的 UI 不只是“像个产品界面”,而是更接近“符合某个品牌规则的产品界面”。差别不小。前者依赖模型经验,后者则依赖明确规范。

设计工具竞争的焦点正在变化

从市场竞争角度看,Google 这一步也带出更强的信号。长期以来,Figma 的核心优势之一,是设计师在其中完成工作,开发者也在其中提取规格。如果 AI 代理能够直接读取 DESIGN.md 并产出符合品牌规范的 UI,那么设计规格“搬运”这一步就会被压缩。

素材提到,在 Stitch 2.0 发布当天,Figma 股价单日下跌约 10%。这被视为市场对这一路径潜在冲击的直接反馈。过去设计工具比的是谁能让设计师更高效,现在问题开始转向:谁能让 AI 代理更懂设计。DESIGN.md 正是 Google 在这场竞争中先打出的一张牌。

本文最初由 Bit.Fan 发布。 欲了解更多加密货币新闻与市场洞察,请访问 www.bit.fan.
400

免责声明:

本平台展示的市场信息、项目资料与第三方内容仅用于行业信息分享,不构成任何形式的投资建议或收益承诺。

加密资产交易具有较高风险,用户应充分评估自身风险承受能力并独立作出决策,相关盈亏及法律责任由用户自行承担。