DESIGN.md 让 AI 按文档生成 UI
推荐指数 70.0 NO. 004 · 2026.07.10
Stars99,446
为什么值得看
Google Stitch 推出的 DESIGN.md 是纯文本设计系统文档，AI 代理可直接读取并生成视觉一致的 UI。该项目收录了多个真实网站的 DESIGN.md 深度分析，包含设计令牌、模式和规则，解决了 AI 生成 UI 风格漂移的痛点。
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
媒体预览
编辑判断
目前让 AI 生成 UI 的主流做法是用截图或 Figma 当参考，但 AI 经常抓不准间距、色阶和组件层级，产出的界面"像那么回事"却经不起细看。DESIGN.md 的聪明之处在于把设计系统翻译成 AI 最擅长的文本格式，相当于给 agent 一份能精确执行的"视觉规格书"。
这个项目收录的 99k stars 说明开发者对"AI 能读懂的设计规范"需求很强烈。跟 v0.dev 或 Bolt 的"生成后手动调"模式相比，DESIGN.md 更适合需要批量保持品牌一致性的场景，比如 SaaS 产品的后台页面、文档站的多语言版本。
如果你团队已经在用 Cursor/Windsurf 做前端，建议挑一个现有页面逆向出 DESIGN.md，测试下迭代新页面时是否能减少 50% 以上的视觉走查时间。
Star History
生态分析
Production
DESIGN.md 生态的头部聚合器，定义品类标准与最佳实践
独特价值：以近10万星成为事实标准，覆盖主流品牌深度分析且即插即用
竞品：