Google 开源 Stitch 的 DESIGN.md：让 AI 智能体跨平台读懂设计规范

DESIGN.md 是 Google 为编程智能体设计的一套设计规范文件格式，原本来自内部的 AI UI 设计工具 Stitch，现在把规范草案在 GitHub 上完全开源了。

简单来说，它能让你把一整套设计系统打包成单个 Markdown 文件，喂给任何 AI 编程智能体。智能体拿到后，不仅能拿到精确的色值和间距，还能理解这些设计决策背后的原因，不再瞎猜你的品牌规范。

它能做什么

平常用 AI 写前端，最头疼的就是样式失控。哪怕你在提示词里写了主色调，AI 往往下一轮对话就忘了，或者随便找个相近的颜色糊弄过去。

DESIGN.md 解决了这个持久化传递的问题。它允许你在项目之间导出和导入设计规则，让 AI 严格按照你定义的视觉语言生成界面。

更实用的是无障碍校验。AI 生成的界面可以直接对照 WCAG 对比度标准进行检查，智能体能提前知道文字和背景的搭配会不会在合规上踩坑。

它是怎么做到的

DESIGN.md 的思路很巧妙，它没有发明复杂的新语言，而是把文件分成了机器层和人类层。

机器层是开头的 YAML 前置元数据，定义规范的设计标记，包括颜色、字体排版、圆角、间距和组件样式。这些是不可变的基础数值，支持跨标记引用。

人类层则是正文的 Markdown 说明。这里按规范的顺序划分章节，从整体风格概述、色彩意图，一路写到布局与使用禁忌。文字部分负责告诉智能体这些数值为什么存在、具体在什么场景下调用。

这种结构既给了智能体绝对精确的参数，又补齐了上下文逻辑。比如你定义了某种泥土红作为强调色，文字里明确说明它是唯一的交互驱动色，AI 就会老老实实拿它做操作按钮，而不是铺满整个背景。

针对开发流程，Google 还配套推出了命令行工具。开发者不需要额外安装复杂环境，直接运行相关的 npx 命令就能进行语法检查，或者对比两个版本的设计系统差异，自动揪出退化问题。

怎么用上它

目前 DESIGN.md 的规范草案已经发布在 GitHub 的 google-labs-code 组织下，版本状态处于 alpha 阶段。

如果你本身就在用 Google 的 Stitch，可以直接在工具里导出你现有的设计规则，生成对应的文件。

如果你使用其他 AI 代码助手，可以去 GitHub 仓库阅读完整的参考实现，把标准模板复制到自己的项目根目录里，或者通过官方提供的命令行工具验证已有文件。

为什么重要

对于每天靠 Claude 或 Copilot 写页面的独立开发者和前端工程师来说，DESIGN.md 非常值得立刻尝试。以前要让 AI 保持视觉统一，得在规则文件里写一大堆啰嗦的提示词，效果还不稳定；现在有了结构化格式和自动校验，省去了大量反复调教样式的无效沟通。

我们认为 Google 这一步走得很聪明。它没有把 Stitch 圈成一个封闭的花园，而是试图把设计系统的交付标准做成 AI 时代的行业共识。如果这套规范被更多智能体和设计工具采纳，设计交付给 AI 的断层就会被真正补齐。唯一的限制在于规范目前还在 alpha 草案期，复杂的交互状态支持仍在完善，但作为设计规则的载体，它的架子已经搭得足够扎实。