
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