awesome-design-md

介绍

awesome-design-md 是一个由 VoltAgent 维护的开源项目，收集了 60 多个知名品牌和科技公司的 DESIGN.md 设计系统文档。涵盖 Claude、Vercel、Stripe、Linear、Spotify、Apple、Tesla 等一线产品的视觉风格定义。

什么是 DESIGN.md

由 Google Stitch 提出的概念：把设计系统写成纯 Markdown 文件，AI 编码助手可以直接阅读并生成风格一致的界面。不需要 Figma、不需要 JSON 配置，复制一个 DESIGN.md 到你的项目根目录，告诉 AI "按这个风格做" 即可。

主要内容

• 60+ 品牌设计系统 — 从 AI 工具到电商平台，从金融科技到汽车奢侈品牌
• 完整的视觉规范 — 每套设计包含配色、字体、组件、间距、阴影、响应式规则
• 附带预览 HTML — 每个 DESIGN.md 都有 preview.html 快速查看效果
• Agent 提示词指南 — 第 9 节提供可直接复制的 AI 提示词

使用方式

1. 访问 https://getdesign.md 浏览全部设计
2. 下载你喜欢的 DESIGN.md
3. 放入项目根目录
4. 让 AI 按文档生成 UI

适合谁用

• 想用 AI 快速搭建高质感落地页的独立开发者
• 需要统一产品视觉风格的创业团队
• 想学习大厂设计系统定义方式的设计师

开源地址：https://github.com/VoltAgent/awesome-design-md