Google Labs 的 Stitch 团队开源了 DESIGN.md 格式规范,让这个设计规则描述格式可以在任何工具和平台上使用。
DESIGN.md 是什么
Stitch 里的 DESIGN.md 让设计师可以导出/导入设计规则,不用每次新项目都重新发明轮子。通过这个格式,Stitch 能理解设计系统背后的 reasoning,生成匹配品牌规范的 UI。
现在这个格式被开源了——不只是 Stitch 可以用,任何工具或平台都可以用。
为什么重要:语义层而非值层
传统 design token 传递的是值:--primary: #4285F4。
DESIGN.md 传递的是语义:「这个颜色是做什么的」——比如 --color-brand-primary: 用于主要按钮和链接,传达品牌核心色调。
这样 AI agent 拿到的是意图,不是十六进制值。Agent 可以:
- 根据语义生成符合品牌规范的 UI,而不是随机选一个蓝色
- 验证生成结果是否符合 WCAG 无障碍标准(颜色对比度、文字与背景关系等)
- 在不同平台间保持设计系统一致性,而不需要每次都手动传递规则
Stitch:「Vibe Design」实验
Stitch 是 Google Labs 的 AI 原生 UI 设计工具,核心理念是「vibe design」——不是逐个调整像素,而是用自然语言描述你要的感觉,AI 生成对应的设计。
DESIGN.md 是这个流程的基础设施:AI 在生成同时就能参考设计系统的语义,不需要设计师事后修正。
开源地址
github.com/google-labs-code/design.md
设计系统的价值在于团队共享——DESIGN.md 把这个共享层扩展到了 AI agent。