设计系统

开源的AI设计灵感收集网站 awesome-design-md 收集和提供现成的 能被 AI 理解的设计规范,Awesome DESIGN.md 为开发者提供了一个优雅的解决方案 —— 复制一个 DESIGN.md 文件到项目根目录，告诉 AI 代理"给我一个这样的页面"，就能得到像素级完美的 UI。 关键词：#AI #awesome-desgin-md 实际效果演示：用AI复刻Wise风格的网站 Wise 复刻 网站地址：https://vi-wealth.com 什么是 DESIGN.md？ DESIGN.md 是 Google Stitch 推出的一个创新概念。它是一个纯文本的设计系统文档，AI 代理可以通过阅读这个文档来生成一致的 UI。 与传统的设计交付方式相比： 传统方式 DESIGN.md Figma 导出（复杂、需要解析） 纯 Markdown（LLM 原生理解） JSON Schema（需要配置） 零配置，即插即用 设计文档（难以代码化） 语义化描述，代码可直接生成 简单来说，DESIGN.md 就是给 AI 看的设计文档。它用 LLM 最擅长阅读的 Markdown 格式，完整描述了项目的视觉风格。 Awesome DESIGN.md 提供了什么？ 这个仓库收集了 58 个知名网站的 DESIGN.md 文件，全部从真实网站提取，覆盖了多个领域： AI & 机器学习（12 个） Claude - Anthropic 的 AI 助手，温暖的陶土色调 ElevenLabs - AI 语音平台，深色电影级 UI Ollama - 本地 LLM 运行，终端极简主义 xAI - Elon Musk 的 AI 实验室，未来派单色设计 开发者工具（14 个） Cursor - AI 优先代码编辑器，流畅深色界面 Linear - 工程师项目管理，极致精确的紫色点缀 Vercel - 前端部署平台，黑白精确度，Geist 字体 Supabase - 开源 Firebase 替代品，深色祖母绿主题 基础设施（6 个） ClickHouse - 快速分析数据库，黄色点缀技术文档风格 Stripe - 支付基础设施，标志性紫色渐变 MongoDB - 文档数据库，绿色叶子品牌 设计与生产力（10 个） Figma - 协作设计工具，生动多彩，专业而有趣 Notion - 一体化工作区，温暖极简主义，衬线标题 Framer - 网站构建器，大胆黑蓝，运动优先 企业与消费品牌（7 个） Apple - 消费电子， premium 留白，SF Pro 字体 Tesla - 电动汽车，极致减法，电影级全屏摄影 SpaceX - 航天技术，纯粹黑白，未来感 汽车品牌（5 个） Ferrari - 奢华汽车，明暗黑白社论式，法拉利红极度简约 Lamborghini - 奢华汽车，纯黑大教堂，金色点缀 Tesla - 电动汽车，极致减法，电影级全屏摄影 每个 DESIGN.md 包含什么？ 每个文件都遵循 Stitch DESIGN.md 格式，包含 9 个核心部分： ...