「DESIGN.md」Google Labs 提出的设计系统说明格式:让 Coding Agent 读懂品牌视觉和设计约束

DESIGN.md GitHub 仓库

DESIGN.md 是 google-labs-code 提出的一个格式规范,用来向 coding agents 描述视觉识别和设计系统。它的目标很明确:给 Agent 一个持久、结构化的设计系统理解,而不是每次都在 prompt 里重新解释品牌色、字体、圆角和组件规则。

一个 DESIGN.md 文件由两层组成:顶部 YAML front matter 放机器可读的 design tokens,例如 colors、typography、rounded、spacing、components;正文 Markdown 则写人类可读的设计理由和应用方式,解释为什么这些值存在,以及在不同界面里怎么使用。

项目还提供 @google/design.md CLI,可以用 npx @google/design.md lint DESIGN.md 校验规范、检查 token 引用、WCAG 对比度和结构问题,也可以用 diff 比较两个版本的设计系统,发现 token 或 prose 的回归。

对于让 AI 写前端这件事,DESIGN.md 解决的是一个很实际的问题:代码 Agent 不该只知道“做得好看一点”,而应该有稳定的品牌语义、视觉边界和组件约束。做产品 UI、设计系统和多 Agent 前端开发的人都可以参考。

传送门

https://github.com/google-labs-code/design.md

原创文章,如若转载,请注明出处:https://wefound.cc/p/2182.html

(0)
「monogit」终端里的多仓库 Git 仪表盘:一屏看分支、超前落后和脏状态
上一篇 2026年 5月 13日 上午11:18
「google/skills」Google 官方 Agent Skills 仓库:把 Gemini API、Cloud Run、BigQuery 等经验打包给代理
下一篇 2026年 5月 13日 上午11:22

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注