awesome-design-systems README

The project's README from github.com/alexpate/awesome-design-systems. As one markdown file: README.md.

cover

Contributions Welcome

Know a resource that isn't listed below? Feel free to create a new pull request.

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.


Tags


Components Voice & Tone Designers Kit Source code *
Aalto University 👍 👍 👍
Adobe Spectrum 👍 👍 👍 :octocat:
Adjust Atlas 👍 👍 👍
Alaska Airlines 👍 👍 👍 :octocat:
Alibaba Ant Design 👍 👍 👍 :octocat:
Amplify UI 👍 👍 👍 :octocat:
Appear Here Styleguide 👍 :octocat:
Apple Developer Design Guidelines 👍
Aragon UI 👍 :octocat:
Artsy Palette 👍 :octocat:
Astro UXDS 👍 👍 :octocat:
AT UIKIT 👍 :octocat:
Atlassian Design System 👍 👍 👍 :space_invader:
Audi UI Kit 👍 👍 :octocat:
Aurora (Government of Canada) 👍 👍 👍 :octocat:
AutoGuru Overdrive 👍 :octocat:
AWS Cloudscape Design System 👍 👍 👍 :octocat:
Backpack (Skyscanner) 👍 👍 👍 :octocat:
Basis Design System 👍 :octocat:
BBC GEL (Global Experience Language) 👍 👍 👍
Bento DS 👍 👍 :octocat:
BLiP 👍 :octocat:
Blueprint 👍 👍 :octocat:
Bold (Bridge Design System) 👍 👍 :octocat:
Bolt Design System 👍 :octocat:
Braid Design System 👍 :octocat:
British Gas Nucleus 👍 👍
Buildit Gravity 👍 :octocat:
Bumbag UI 👍 :octocat:
BuzzFeed Solid 👍 👍 :octocat:
Buzzvil Design System 👍 👍
CA Technologies Mineral UI 👍 :octocat:
CBRE Blocks 👍 👍
Cedar 👍 👍 :octocat:
Chakra UI 👍 :octocat:
City of Boston Fleet 👍 👍 :octocat:
Cloudflare 👍 :octocat:
Co-op Experience Library 👍 👍 👍 :octocat:
Contentful Forma 36 👍 👍 👍 :octocat:
Decathlon Design System - Vitamin 👍 👍 :octocat:
Decentraland UI 👍 :octocat:
Duet 👍 👍
Duolingo 👍
eBay Skin 👍 :octocat:
Elastic UI Framework 👍 👍 👍 :octocat:
ENGIE Fluid Design System 👍 👍
Enel 👍
Enigma Boundless 👍 :octocat:
Estonia Country Design Guidelines 👍 👍 👍
Evergreen 👍 :octocat:
Financial Times Origami 👍 :octocat:
Finland Toolbox 👍 👍
Firefox Photon Design System 👍 👍 👍 :octocat:
Flowbite Design System 👍 👍 :octocat:
Fluent UI 👍 👍 👍 :octocat:
Foundation 👍 👍 👍 :octocat:
Foyer Design System 👍 👍 :closed_lock_with_key:
French Government Design System 👍 👍 👍 :octocat:
FutureLearn Pattern Library 👍
GitHub Primer 👍 👍 :octocat:
GitLab Design System - Pajamas 👍 👍 👍 :fox_face:
GoodBarber Design System 👍
Google Material Design 👍 👍 👍 :octocat:
GOV.UK Design System 👍 :octocat:
Gympass Yoga 👍 👍 :octocat:
HashiCorp Helios 👍 👍 👍 :octocat:
Help Scout 👍 👍 :octocat:
Heroku Purple3 👍
Hewlett Packard grommet 👍 :octocat:
HubSpot Canvas 👍 👍 :octocat:
Hudl Design System 👍 👍
IBM Carbon 👍 👍 👍 :octocat:
IBM Design Language 👍 👍
IBM Northstar 👍 👍
Intuit Harmony 👍 👍 👍
Italia Design System 👍 👍 👍 :octocat:
JB Design System 👍 👍 :octocat:
JetBrains Ring UI 👍 :octocat:
Jobber (🔱 Atlantis) 👍 :octocat:
Just Eat Takeaway.com PIE Design System 👍

awesome-design-systems (alexpate/awesome-design-systems)

Searching Database…

这是什么?一份精心整理的设计体系(design system)清单 —— 汇集了成文的理念、最佳实践和 UI/组件库,帮助团队一致地构建数字产品。
这是一个需要安装的工具,还是一份用来浏览的参考资料?是用来浏览的参考资料,不是要安装的软件:只有一张表格,每一行是一个设计体系,并用不同的列标注它是否提供组件、语言风格与语气指南、设计师工具包以及公开的源代码。
想为自己的团队挑选设计体系,应该从哪里入手?先看与你们产品相似的条目:四项标注齐全的条目最完整,比如 Google Material Design、IBM Carbon 和 Atlassian,它们同时提供组件、工具包和文案写作指南。
这个仓库里包含实际的组件或设计文件吗?不包含 —— 仓库本身没有任何代码或工具包文件,每个条目只是链接到该设计体系自己的网站或仓库,表格里也没有任何评分或点评。
里面收录了哪些知名的设计体系?Google Material Design、Adobe Spectrum、IBM Carbon、Microsoft Fluent UI、Atlassian、GitHub Primer 和 GitLab Pajamas,此外还有来自奥迪(Audi)、阿拉斯加航空(Alaska Airlines)和迪卡侬(Decathlon)的品牌设计体系。
我可以为团队复制或改编这份清单吗?可以 —— 该仓库通过 Unlicense 许可证完全贡献给公共领域,因此 fork、复制或改编整份清单都没有问题。
Creator
alexpate
Size
0.5 MB
Stars
26.2K
Updated
CommitOct 06
Age
9y
Commits · 90 Days