alexpate/awesome-design-systems

本页介绍外部开源仓库，并非 HDATF 产品。

它做什么

汇集各公司和机构设计系统的列表。每个条目都标明是否提供代码组件、语气与语调指南、设计师工具包以及公开源代码。

对 ATF 的帮助

在为ATF Works界面统一UI和文案规范时，这是值得浏览的参考列表。它是链接合集，没有可直接复用的部分。

许可证

Unlicense 公有领域声明，使用无条件。

同领域的其他仓库

• google-labs-code/design.md
  DESIGN.md是一种向coding agent描述设计系统的文件格式，把YAML front matter中的design token与用Markdown写的设计理由结合在一起，lint工具会检查规范符合性、token引用和WCAG对比度。
• VoltAgent/awesome-design-md
  汇集DESIGN.md文件的合集，这些markdown文档整理了知名网站的设计token、模式和规则。放入项目后，AI coding agent可以生成遵循该设计语言的UI。
• alchaincyf/huashu-design
  Huashu Design是可用于Claude Code等多种agent的HTML原生设计skill，能把文字需求做成可点击的原型、幻灯片、动画或信息图。它包含设计理念指南、五个维度的设计评审以及MP4导出。
• chenglou/pretext
  一个用自有逻辑测量多行文本并计算排版的JavaScript和TypeScript库，可以避免会触发布局重排的DOM测量。结果可以渲染到DOM、Canvas或SVG。
• nexu-io/open-design
  OpenDesign是一款面向macOS和Windows的local-first桌面应用，借助Claude Code、Codex、Cursor等coding agent生成原型、仪表盘、幻灯片、图片和视频，并导出为HTML、PDF、PPTX或MP4文件。

只收录进入 Trendshift 排行榜的仓库，榜单仅用于寻找候选项目，不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目，上榜并不证明质量。