TIL:Google Stitch 的 DESIGN.md,给 AI 读的设计系统说明书
💡
原文中文,约700字,阅读约需2分钟。
📝
内容提要
Google Stitch 的 DESIGN.md 是一个为 AI 设计的开源设计系统协议,将设计规范转化为结构化的 Markdown 文件。它解决了传统设计流程中的缺陷,使 AI 能够准确理解设计参数。用户只需安装相关技能并引用 DESIGN.md,便可生成符合规范的页面,支持迭代更新和跨项目复用。
🎯
关键要点
-
DESIGN.md 是 Google Stitch 团队开源的设计系统协议,专为 AI 设计。
-
它将 Figma 的视觉语言、Tailwind 的样式参数和设计师的审美判断转化为结构化的 Markdown 文件。
-
传统设计流程存在三个缺陷:Figma 格式专有、页面生成独立处理、模糊的描述无法转化为精确参数。
-
DESIGN.md 将模糊的人类描述转化为精确的技术参数,所有页面共用同一个规范文件。
-
用户需安装 design-md 技能并将 DESIGN.md 放在项目根目录,引用后可生成符合规范的页面。
-
修改 DESIGN.md 后,所有后续生成的页面自动遵循新规则,支持迭代更新。
-
Google 提供 lint / diff / export 等命令行工具辅助管理设计规范。
-
AI 控制 UI 输出分为三个层级:初级提示词、中级示例图片、高级结构化上下文,DESIGN.md 是持久化和可复用的。
➡️