alexpate--awesome-design-systems/README.md

Note

本文档由 WeHub 基于上游 README 翻译整理，属于社区翻译，非官方中文文档。
English · 原始项目 · 上游 README
原作者、版权与许可证归属以原始项目及本仓库 LICENSE 文件为准。

知道有资源未列在下方？欢迎新建 pull request.

设计系统（design system）是一组关于原则与最佳实践的文档集合，用于指导团队构建数字产品。它们通常体现在 UI 库与模式库（pattern libraries）中，但也可以扩展到其他领域的指南，例如「语调与语气（Voice and Tone）」。

---

标签

• 组件（Components）：包含已编码的模式与示例。
• 语调与语气（Voice & Tone）：提供语言应如何使用的指导。
• 设计师套件（Designers Kit）：包含面向设计师的 Sketch/Photoshop/Figma 等文件。
• 源代码（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	👍	👍	👍	👾
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	👍		👍	🔐
French Government Design System	👍	👍	👍	:octocat:
FutureLearn Pattern Library	👍
GitHub Primer	👍		👍	:octocat:
GitLab Design System - Pajamas	👍	👍	👍	🦊
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	👍		👍	:octocat:
Kaizen	👍	👍		:octocat:
KoliBri (Public-UI)	👍			:octocat:
Kontur	👍		👍	:octocat:
Korea Design System	👍	👍	👍	:octocat:
Lexicon	👍	👍
Louder Than Ten Manual	👍	👍
Mail.ru Group Paradigm	👍	👍	👍
Mailchimp Content Styleguide		👍
Mantine	👍			:octocat:
Marvel Styleguide	👍
Material Minimal	👍	👍	👍	:octocat:
Materialize CSS	👍		👍	:octocat:
Mesh Design System	👍		👍
Microsoft Fluent	👍		👍	:octocat:
Mixpanel Design System	👍	👍
MongoDB Design System	👍		👍	:octocat:
Monzo Tone of Voice		👍
Morningstar Design System	👍	👍	👍
Mozilla Protocol	👍			:octocat:
NASA Web Design System	👍			:octocat:
NationBuilder Radius	👍
NHS.UK Service Manual	👍	👍
Nordhealth	👍		👍
New York State Design System	👍		👍	:octocat:
Nordnet	👍	👍
Okta Odyssey Design System	👍		👍	:octocat:
Ontario Design System	👍		👍	🌐
Oracle Redwood	👍		👍
Persona Design System	👍	👍		:octocat:
Pharos: JSTOR's Design System	👍	👍		:octocat:
Pinterest Gestalt	👍			:octocat:
Pivotal	👍			:octocat:
Pluralsight Design System	👍			:octocat:
Porsche Design System	👍		👍	:octocat:
Priceline Design System	👍	👍		:octocat:
Pusher Chameleon	👍			:octocat:
Radix	👍			:octocat:
Rambler	👍			:octocat:
Rendition	👍			:octocat:
Reshaped	👍		👍
Salesforce Lightning Design System	👍	👍	👍	:octocat:
Sage by Kajabi	👍			:octocat:
SAP Fiori	👍
SAP Fundamental	👍			:octocat:
SAP OpenUI	👍			:octocat:
Scania Digital Design System	👍		👍	:octocat:
Seeds	👍	👍	👍
SEEK Style Guide	👍			:octocat:
Semi Design	👍		👍	:octocat:
Semrush Intergalactic Design System	👍		👍	:octocat:
Shoelace	👍	👍		:octocat:
Shopify Polaris	👍	👍	👍	:octocat:
Shadcn/ui	👍			:octocat:
Siemens iX	👍	👍	👍	:octocat:
Singapore Government Design System	👍	👍	👍	:octocat:
Stacks – Stack Overflow	👍	👍		:octocat:
Starbucks Style Guide	👍	👍
Strapi Design System	👍			:octocat:
Teambition Clarity Design	👍
Telefónica Mística	👍		👍	:octocat:
Thumbprint	👍			:octocat:
Tizen CircularUI	👍		👍	:octocat:
Twilio Paste	👍	👍	👍	:octocat:
Uber's Base Web	👍			:octocat:
Ubuntu Vanilla framework	👍	👍	👍	:octocat:
Uiverse	👍	👍	👍	:octocat:
Untitled UI	👍		👍	:octocat:
uSwitch style guide	👍	👍		:octocat:
U.S. Web Design Standards	👍	👍	👍	:octocat:
U.S. CMS.gov Design System	👍
Vibe	👍		👍	:octocat:
Vimeo Design System	👍			:octocat:
VMware Clarity Design System	👍	👍	👍	:octocat:
VTEX Styleguide	👍		👍	:octocat:
Vue Design System	👍			:octocat:
Ray by WeWork	👍			:octocat:
Welcome UI	👍			:octocat:
West Midlands Network Design System	👍	👍		:octocat:
Wix Style React	👍
Vercel	👍
Workday Canvas	👍	👍		:octocat:
Yelp Styleguide	👍	👍
Zendesk Garden	👍			:octocat:

说明

*标注为开源的项目未必都可以自由使用。使用前请务必查看这些项目的许可证。*

虽然「design systems（设计系统）」、「ui libraries（UI 库）」和「pattern libraries（模式库）」是不同的概念，但它们常被混用。本列表包含以上三类。

致谢

封面图标：Noun Project 上 Andrejs Kirma 的「Solar System」