← 返回 FEED
AGENT2026-04-22

Google 开源 DESIGN.md:让 AI 读懂设计系统语义

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。