收藏好这50+大厂UI规范！AI也能做出好设计

awesome-design-md，是 VoltAgent 团队在GitHub 上开源的项目。
它做了一件特别实在的事：从58个知名网站里提取了设计系统，全部写成了 DESIGN.md 格式，直接开箱即用。
覆盖范围很广：
AI/开发者工具：Claude、Cursor、Vercel、Linear、Mistral、Cohere
基础设施与支付：Stripe、MongoDB
设计工具本身：Figma、Framer
消费品牌：Apple、Spotify、Tesla、Airbnb、Revolut、Coinbase
每一个设计文件旁边还附带了 preview.html 和 preview-dark.html——打开就能看到颜色样本、字体比例、按钮样式的可视化展示，亮色暗色主题都有，选起来一目了然。
 
怎么用？三步搞定
第一步：挑风格
进入项目，浏览各个品牌目录，打开 preview.html 看看效果，找到你想要的那套风格。
比如你要做一个 SaaS 工具的落地页，想要 Linear 那种极简黑白风；或者做一个金融类产品，想要 Stripe 的那种稳重专业感。
 
第二步：复制文件
把对应品牌目录下的 DESIGN.md 复制到你项目的根目录。
 
第三步：告诉 AI
打开 Cursor、Claude、Windsurf，或者任何你在用的 AI 编程工具，加一句话：
"请参考项目根目录的 DESIGN.md，按照其中的设计规范来构建这个界面。"
然后正常描述你的需求就好。AI 会自动读取 DESIGN.md，把色彩、字体、间距、组件风格全部套进去。
生成的结果，和你目标品牌的视觉语言高度一致——再也不是一堆AI味儿浓浓的紫色渐变。
 
思考
DESIGN.md 这个格式的出现，让我想到一件事：设计规范正在变成代码基础设施的一部分。
以前，设计师维护 Figma 文件，开发者写代码，两边永远在对齐、永远在扯皮。设计规范是写给人看的，翻译成开发实现的成本极高。
现在，当 AI 成为主要的"开发者"之后，设计规范必须是 AI 能直接消费的格式。DESIGN.md 就是这个接口。
未来每个认真做产品的团队，都会维护一份自己的 DESIGN.md。 它不再只是文档，而是 AI 时代设计师和工程师之间的协作契约。
而 awesome-design-md 这个项目，相当于把世界上最顶级的设计决策，变成了人人都能取用的公共资源。
一个独立开发者，现在可以站在 Stripe 设计团队的肩膀上造界面了。
 
项目地址：github.com/VoltAgent/awesome-design-md
目前 58 个设计系统，项目也在持续收录新的，还可以提 issue 请求你想要的品牌。
 
by：@AI充电官