awesome-design-md用 73 份 DESIGN.md 文件让 AI 还原品牌级界面【免费下载链接】awesome-design-mdA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-design-md让 AI 写页面是不是总差一口气颜色差一点、字重差一点、圆角乱来。awesome-design-md 就是一个 DESIGN.md 设计系统合集它把 73 个知名网站的视觉语言拆成 73 份纯 Markdown 设计文档任选一份丢进你的项目AI 代理就能生成风格一致的界面。为什么 AI 做的界面总差一口气问题出在你只说了做得像 Stripe但它不知道 Stripe 的主色到底是什么、正文为什么看起来那么轻、圆角和阴影该怎么定。它缺的是一组可执行的设计参数。DESIGN.md 是 Google Stitch 提出的一种纯文本设计系统文档和 AGENTS.md 分工明确后者告诉代理怎么构建前者告诉它长什么样。没有 Figma 导出没有 JSON schema没有特殊工具就是一个 Markdown 文件AI 编码代理开箱即读。快速拿到设计文件不用先 clone 仓库。getdesign.md 平台可以在线浏览每个品牌的色板、字体层级和组件样式每套设计系统都提供浅色与深色两套预览做深色模式适配时这是最直接的对照单份 DESIGN.md 也支持直接下载。73 份文件按行业分布AI LLM 平台 12 份Claude、xAI、Mistral 等媒体与消费科技 12 份Apple、Spotify、Uber 等后端 DevOps 8 份ClickHouse、Supabase、Sentry 等金融加密 7 份Stripe、Coinbase、Wise 等开发者工具 7 份Cursor、Vercel、Warp 等生产力 SaaS 7 份Linear、Notion 等设计工具 6 份Figma、Webflow、Miro 等电商零售 5 份Airbnb、Nike、Shopify 等汽车 7 份Tesla、Ferrari、Lamborghini 等复古彩蛋 2 份1996 年的 Dell 和 2001 年的 Nintendo专门用来复刻年代感页面想一次拿全整包 clonegit clone https://gitcode.com/GitHub_Trending/aw/awesome-design-md让 AI 按品牌风格生成页面的做法把选中的 DESIGN.md 复制到项目根目录提示词里明确写遵循这份设计系统而不是只说做得像某某——否则代理很可能根本没读文件。每份文件结构统一共 9 个板块可以分三层理解大感觉视觉主题与氛围、带语义角色的色板每个颜色都写清语义名、hex 值、功能角色、完整排版层级表细节组件样式按钮、卡片、输入框、导航及各自的状态、布局间距刻度与留白、阴影系统与表面层级护栏Dos Donts 设计红线、响应式断点与触控目标、附现成提示词的 Agent Prompt 指南。量化到什么程度看 design-md/linear.app/DESIGN.md画布是近黑的 #010102卡片 #0f1011正文 #f7f8f8强调色 #5e6ad2 只出现在 logo、焦点环和少数 CTA 上绝不装饰性滥用Display 从 80px 起步、字重 600、字距收到 -3px圆角按 4px 到 24px 分档药丸按钮直接 9999px。design-md/stripe/DESIGN.md 则把金融感写成参数主色 #533afd、海军蓝墨色 #0d253d、Söhne weight-300 细体金额数字启用 tnum 表格数字特性。代理读到的不是高级感三个字而是能执行的数值。边界与贡献流程合集由社区维护、按 as-is 提供。发现色值写错、token 缺失可以直接修先提 Issue 讨论再提 PR流程见 CONTRIBUTING.md。列表里缺你想要的品牌可以上 getdesign.md 按指定网站申请一份私人请求只交付给你自己。下一步从 README.md 的 Collection 里挑一个你信任其审美的品牌把它的 DESIGN.md 放进项目根目录今天就让代理写出像那么回事的页面。【免费下载链接】awesome-design-mdA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-design-md创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考