# awesome-design-md

> 收录 60+ 大厂设计系统的 DESIGN.md 合集，让 AI 直接帮你生成像素级还原的 UI

## 介绍

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

---

**分类**：酷站
**标签**：设计 · AI · md
**作者**：Xiao.Xi
**链接**：https://octohz.com/p/1511