让AI代理读懂设计系统的标准格式
推荐指数 58.0 NO. 012 · 2026.06.25
Stars17,142
为什么值得看
DESIGN.md 是一种将设计令牌(YAML)与设计原理(Markdown)结合的规范文件,让编码代理能持久化理解视觉识别系统。对前端团队和AI编程工具开发者来说,这意味着UI一致性终于可以从"人盯"变成"机器自动校验"。
A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
编辑判断
之前让AI生成一致UI的做法要么靠Prompt反复灌输设计规范,要么依赖Vercel v0这类闭源工具的私有格式,团队被锁死在特定平台。DESIGN.md 的聪明之处在于把设计系统变成了可版本控制的代码资产,还能跑CI检查对比度合规性。
跟 Tailwind 的 theme config 或 Style Dictionary 比,它不是给人类开发者看的,而是专门优化了LLM的解析结构——YAML令牌减少幻觉,Markdown原理解释减少"看起来对但用错场景"。
如果你在用 Cursor/Windsurf 做全栈开发,或者在做AI建站工具,建议直接拿这个格式当设计系统的中间层,比让模型每次从零推断颜色语义稳定得多。
Star History
生态分析
Beta
AI编程工具链中设计系统与编码代理之间的桥梁规范,填补设计令牌到代码生成的标准化空白
独特价值:首创YAML+Markdown双模规范,让设计系统可被AI代理持久化理解与自动校验