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 在这场竞争中先打出的一张牌。

