【awesome-design-md】精心策划的 DESIGN.md 文件集合，灵感源自开发者导向的知名网站。

Awesome DESIGN.md将 DESIGN.md 复制到你的项目中告诉 AI 代理按照这个设计构建页面即可获得像素级精确、真正匹配设计风格的 UI。什么是 DESIGN.mdDESIGN.md 是 Google Stitch 引入的新概念。一种纯文本设计系统文档AI 代理可以读取它来生成一致的 UI。它就是一个 Markdown 文件。不需要 Figma 导出不需要 JSON Schema不需要特殊工具。把它放到项目根目录任何 AI 编码代理或 Google Stitch 都能立即理解你的 UI 应该长什么样。Markdown 是大语言模型最擅长阅读的格式所以无需解析或配置。文件谁来读取定义什么AGENTS.md编码代理如何构建项目DESIGN.md设计代理项目应该看起来和感觉如何本仓库提供从真实网站提取的、可直接使用的 DESIGN.md 文件。请求一个 DESIGN.md你可以为特定网站请求一个 DESIGN.md包括仅交付给你的私密请求。收录合集AI LLM 平台Claude- Anthropic 的 AI 助手。暖赤陶色调干净的编辑布局Cohere- 企业 AI 平台。鲜艳渐变数据丰富的仪表板美学ElevenLabs- AI 语音平台。深色电影 UI音频波形美学Minimax- AI 模型提供商。大胆深色界面配霓虹强调Mistral AI- 开源权重 LLM 提供商。法式极简紫色调Ollama- 本地运行 LLM。终端优先单色简约OpenCode AI- AI 编码平台。开发者导向深色主题Replicate- 通过 API 运行 ML 模型。干净白画布代码优先RunwayML- AI 视频生成。电影深色 UI媒体丰富布局Together AI- 开源 AI 基础设施。技术蓝图风格设计VoltAgent- AI 代理框架。虚空黑画布翡翠强调终端原生xAI- Elon Musk 的 AI 实验室。鲜明单色未来极简开发者工具 IDECursor- AI 优先代码编辑器。流畅深色界面渐变强调Expo- React Native 平台。深色主题紧凑字距代码导向Lovable- AI 全栈构建器。趣味渐变友好开发者美学Raycast- 生产力启动器。流畅深色铬鲜艳渐变强调Superhuman- 快速邮件客户端。高端深色 UI键盘优先紫色光晕Vercel- 前端部署平台。黑白精确Geist 字体Warp- 现代终端。深色 IDE 风界面块式命令 UI后端、数据库 DevOpsClickHouse- 快速分析数据库。黄色强调技术文档风格Composio- 工具集成平台。现代深色配多彩集成图标HashiCorp- 基础设施自动化。企业级干净黑白MongoDB- 文档数据库。绿叶品牌开发者文档导向PostHog- 产品分析。趣味刺猬品牌开发者友好深色 UISanity- 无头 CMS。红色强调内容优先编辑布局Sentry- 错误监控。深色仪表板数据密集粉紫强调Supabase- 开源 Firebase 替代。深色翡翠主题代码优先生产力 SaaSCal.com- 开源日程安排。干净中性 UI开发者导向简约Intercom- 客户消息。友好蓝色调对话式 UI 模式Linear- 工程师项目管理。超极简精确紫色强调Mintlify- 文档平台。干净绿色强调阅读优化Notion- 一体化工作空间。暖极简衬线标题柔和表面Resend- 开发者邮件 API。极简深色主题等宽字体强调Zapier- 自动化平台。暖橙色友好插图驱动设计 创意工具Airtable- 电子表格-数据库混合。多彩友好结构化数据美学Clay- 创意机构。有机形状柔和渐变艺术导向布局Figma- 协作设计工具。鲜艳多色趣味且专业Framer- 网站构建器。大胆黑蓝动效优先设计导向Miro- 视觉协作。明亮黄色强调无限画布美学Webflow- 可视化网页构建器。蓝色强调精致营销站美学金融科技 加密Binance- 加密交易所。大胆币安黄配单色交易大厅紧迫感Coinbase- 加密交易所。干净蓝色身份信任导向机构感Kraken- 加密交易平台。紫色强调深色 UI数据密集仪表板Revolut- 数字银行。流畅深色界面渐变卡片金融科技精确Stripe- 支付基础设施。标志性紫色渐变weight-300 优雅Wise- 国际汇款。明亮绿色强调友好清晰电商 零售Airbnb- 旅行市场平台。暖珊瑚色调摄影驱动圆角 UIMeta- 科技零售商店。摄影优先二元明暗表面Meta 蓝 CTANike- 运动零售。单色 UI巨大大写 Futura全出血摄影Shopify- 电商平台。深色优先电影风霓虹绿强调超轻展示字体媒体 消费科技Apple- 消费电子。高端留白SF Pro 字体电影级图像IBM- 企业技术。Carbon 设计系统结构化蓝色调色板NVIDIA- GPU 计算。绿黑能量技术力量美学Pinterest- 视觉发现平台。红色强调瀑布流网格图像优先SpaceX- 航天技术。鲜明黑白全出血图像未来主义Spotify- 音乐流媒体。深色鲜艳绿粗体字专辑艺术驱动Uber- 出行平台。大胆黑白紧凑字体都市能量汽车BMW- 豪华汽车。深色高端表面精确德系工程美学Ferrari- 豪华汽车。明暗对比编辑风法拉利红配极度稀疏Lamborghini- 豪华汽车。纯黑大教堂金色强调LamboType 定制新怪诞体Renault- 法系汽车。生动极光渐变NouvelR 专有字体零圆角按钮Tesla- 电动车。激进减法电影级全视口摄影Universal Sans### 技术文章大纲Awesome Design MD什么是 Awesome Design MDAwesome Design MD 是一个专注于设计资源的 Markdown 格式列表涵盖 UI/UX、图形设计、动画、工具等内容。它通常以开源形式维护方便开发者、设计师快速查找高质量资源。核心特点Markdown 格式易于维护、阅读和贡献。分类清晰按设计领域细分如色彩、字体、工具等。社区驱动支持开源协作持续更新优质资源。典型内容结构设计工具Figma、Sketch、Adobe XD 插件与模板。开源替代品如 GIMP、Inkscape。UI/UX 资源设计系统Material Design、Ant Design。免费图标库Font Awesome、Feather Icons。色彩与排版调色板生成工具Coolors、Adobe Color。免费商用字体Google Fonts、Fontsource。动画与交互CSS/JavaScript 动画库Anime.js、GSAP。微交互案例研究。学习资源设计书籍、在线课程Udemy、Coursera。行业博客Smashing Magazine、A List Apart。如何参与贡献提交 Pull Request 添加新资源。遵循项目规定的 Markdown 模板和分类标准。验证资源的可用性和授权许可如 MIT、CC0。使用场景设计师快速搭建工作流。开发者集成设计资源到项目文档。团队内部知识库建设。类似项目推荐Awesome Design更广泛的设计资源集合。Design Resources for Developers面向开发者的设计工具列表。总结Awesome Design MD 通过结构化组织和社区协作成为设计领域的高效资源索引。其 Markdown 特性降低了使用门槛适合个人与团队快速获取灵感或工具支持。