GoogleDESIGNmd
可以先理解为:用Markdown描述AI可读设计系统
GoogleDESIGNmd 像给 AI 看的设计系统说明书。它不只告诉 AI “做得高级一点”,而是把颜色、间距、组件、布局和禁忌写成可执行规则,让实现更接近设计意图。
关键结构图
设计原则输入 DESIGN.md,再分成 token、组件规则、页面规则和禁止事项四条线。
What
GoogleDESIGNmd 是用 Markdown 把设计系统、视觉规则和组件约束写成 AI 可读取的设计规格。
GoogleDESIGNmd 是一种用 Markdown 表达设计系统和产品视觉规则的方法。它把品牌气质、设计 token、组件规范、页面规则和 do/don't 写成可供 AI 和开发者读取的文档。它的边界是设计约束,不是最终视觉稿。
StructureGoogleDESIGNmd = 设计原则 + token 规则 + 组件约束 + 禁止事项
When
当 AI 参与生成页面、组件或设计系统,并且项目不想每次都重新解释视觉风格时,需要 GoogleDESIGNmd。
How
先写设计原则和产品气质,再定义颜色、字号、间距、圆角、组件和页面规则。最后列出禁止事项和校验方式,让 AI 可以对照执行。
Examples
一个 SaaS 工具在 DESIGN.md 写明需要安静、密集、可扫描,AI 就不会生成营销式大 hero 和过多装饰卡片。
一个概念星球产品写明禁止玩具化积木视觉,实现时就能保留产品独特气质。
来源
类型:设计系统实践 / AI 协作
事实线:随着 AI 参与前端实现,设计规则需要从视觉稿扩展为可被模型读取、引用和校验的文本规格。
依据:design system documentation、design token、AI-assisted frontend workflow。
边界:适合需要 AI 协作实现界面的项目;仍需要真实 UI 检查和设计审美判断。
常见误读:不要把 DESIGN.md 当成颜色表。它要描述产品气质、组件行为和禁止的视觉方向。