蜡笔猫导航

awesome-design-md

收录多个知名品牌设计系统的 DESIGN.md 说明文件,放进项目里即可让 AI 编程助手照着生成风格一致的界面。

UI 组件库免费GitHub开源艺术设计设计令牌设计系统设计辅助
awesome-design-md(品牌设计系统 DESIGN.md 合集) 官网预览

它能做什么

  • 把品牌设计系统整理成结构化 DESIGN.md 文档
  • 文档可直接放入项目供编码 Agent 读取
  • 帮助生成界面时保持配色与排版统一
  • 覆盖多个流行品牌的设计语言样本

适合谁

  • 前端开发者想让 AI 生成的页面贴近某品牌风格
  • 独立开发者缺少设计规范时快速定基调
  • 团队参考各家设计系统如何写成文档

详细介绍

这是一个以 DESIGN.md 形式整理的设计系统资料合集,把流行品牌的设计语言拆解成结构化的 Markdown 文档。它本身不是组件库,而是给编码 Agent 阅读的「设计说明书」,用来约束生成结果的配色、排版与整体风格。

核心价值在于把设计规范变成可直接喂给 AI 的文本。使用时挑选一份与目标品牌风格相符的 DESIGN.md 放入项目目录,再让 Cursor、Claude Code 等编码助手参照它产出界面代码,从而减少风格跑偏。

适合需要快速做出有品牌感页面的前端开发者、独立开发者与设计工程师,也适合想了解各家设计系统如何被文档化的团队参考。仓库以 MIT 许可开源,具体可用的品牌条目与文件结构建议以仓库实际内容为准。