凌晨两点,你第17次打开Figma,发现开发把圆角从8px改成了10px,而按钮的阴影在暗色模式下彻底消失了。设计系统和代码库之间,永远隔着一堵墙。

Google上周开源了一个叫DESIGN.md的东西。它试图拆掉这堵墙——不是用更好的协作流程,而是用一份机器能读懂的"设计合同"。

打开网易新闻 查看精彩图片

为什么"vibe设计"总是雷声大雨点小

"vibe coding"已经没人觉得新鲜了。你说需求,AI写代码,你微调,完事。

但"vibe设计"不一样。AI生成UI、prompt出原型、不用Figma的工作流——每隔几个月就有人炒一遍,每次都哑火。

问题很具体:输出太模板化,一致性失控,产出的东西只能当一次性demo,上不了生产环境。

Google的Stitch团队显然也踩过这些坑。他们做的AI原生设计工具,年初刚更新了无限画布、跨项目推理的设计代理、语音输入、多屏生成。但真正的底牌是DESIGN.md——一个被开源、被低估的规格格式。

DESIGN.md到底是什么

它不是那种写一次就落灰的风格指南。

是一份YAML格式的Markdown文件,人类能读,AI代理也能读。颜色token、间距值、圆角规则、字体系统——全在里面。Claude Code、Cursor、Copilot、Gemini CLI,任何写UI代码的代理都能用。

结构长这样:

---
name: Lumina Audio
colors:
surface: '#12121d'
surface-dim: '#12121d'
typography:
display-lg:
fontFamily: Be Vietnam Pro
fontSize: 48px
rounded:
sm: 0.25rem
DEFAULT: 0.5rem
spacing:
unit: 8px
container-padding: 32px
---

下面跟着品牌说明:这是一套"玻璃拟态"(Glassmorphism)的沉浸式设计系统,深色调中性底色让渐变强调色像熔岩灯一样流动。

设计师在Stitch里调完视觉,导出DESIGN.md丢进项目根目录。开发者写代码时,代理自动引用这些约束。

三个实际能解决的问题

第一,设计变更自动同步。非技术人员在Stitch里改完颜色和间距,开发侧不用手动翻代码逐行替换。

第二,抓漂移。组件偷偷偏离设计源头的时候,有份明文规格对照,一眼就能定位。

第三,代理之间的上下文共享。Stitch生成的设计意图,能被其他AI工具继承,而不是每次从头猜。

作者试了一条最简单的路径:从Stitch项目(一个玩具级音乐播放器)导出DESIGN.md,丢给Gemini CLI当上下文。没提更多细节,但暗示这条路跑得通。

为什么这件事现在才有点苗头

之前AI设计工具的瓶颈不在于生成速度,而在于"意图的持久化"。你今天prompt出来的风格,下周换个工具或换个会话,得从头描述一遍。没有机器可读的中间层,设计系统就锁死在特定平台里。

DESIGN.md的开源许可(Apache 2.0)是个关键信号:Google不想把它变成Stitch的独占格式。任何写UI代码的代理都能接入,这意味着它有机会成为事实标准——如果足够多的工具愿意跟进的话。

Stitch本身的功能堆栈也值得关注:代码导出、组件系统、MCP服务器、能插进现有开发流程的代理技能。DESIGN.md是这些能力的粘合剂。

对从业者的实际影响

设计师:你的设计系统终于有办法"落地"到代码库,而不只是贴在Figma里等开发手抄。但前提是团队愿意把Stitch纳入工作流,或者至少接受DESIGN.md作为交接格式。

开发者:少了很多"这个蓝是哪个蓝"的来回确认。但多了一层需要维护的规格文件,以及学习如何让代理正确消费它的成本。

工具厂商:一个新的集成点。支持DESIGN.md解析,意味着能接入Stitch生态的设计意图;不支持,意味着用户得多一道手动转换。

还没被回答的问题

DESIGN.md能描述多复杂的设计系统?原文里的示例是单文件YAML,但真实企业级设计系统往往有主题切换、响应式断点、动效参数、无障碍规则——这些能不能被同等粒度地表达?

版本控制怎么处理?设计和代码各自演进,DESIGN.md作为中间层,合并冲突的场景会是什么样?

以及最关键的:如果Google哪天调整Stitch的路线图,这个格式的社区治理会怎么安排?Apache 2.0解决了使用权,但没解决演进主导权。

数据收束

Google开源DESIGN.md的具体时间是"last week"(以原文发布时间计),许可协议为Apache 2.0。Stitch的年初更新包含5项核心能力:AI原生无限画布、跨项目推理的设计代理、语音输入、多屏生成、设计系统支持(含DESIGN.md)。作者验证的路径只有一条:Stitch导出 → Gemini CLI消费。其他代理的兼容性属于理论宣称,尚未展开实测。

这件事的重要性在于:它把"设计系统"从一种组织纪律,变成了一种可计算的数据结构。AI代理之间的协作,终于有了一层共享的语义基础。至于这层基础能承载多重的建筑,取决于接下来有多少工具选择接入,以及设计师愿不愿意把视觉决策写成机器优先的规格。