Design Systems

Source: https://github.com/alexpate/awesome-design-systems at 4129da3ce4bc
License: Unlicense
Read the English original

This edition is an AI-assisted translation.

知道下方尚未列出的資源嗎？歡迎建立新的 Pull Request。

設計系統是一組關於原則與最佳實務的文件，可協助引導團隊打造數位產品。它們通常以 UI 程式庫和模式程式庫的形式呈現，但也可以擴展為其他領域的指南，例如「語氣與風格」。

---

標籤

• 元件：包含已編寫程式碼的模式與範例。
• 語氣與風格：提供如何使用語言的指引。
• 設計師工具包：包含供設計師使用的 Sketch/Photoshop/Figma/etc. 檔案。
• 原始碼：可公開檢視的原始碼

---

	元件	語氣與風格	設計師工具包	原始碼 *
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	👍		👍	: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	👍		👍	:globe_with_meridians:
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:

備註

*標示為開放原始碼的專案不一定都能自由使用。使用前請務必查看這些專案的授權條款。

雖然「設計系統」、「UI 程式庫」和「模式程式庫」是不同的概念，但它們經常互換使用。此清單包含這三種類型。

致謝

封面圖示：「Solar System」，作者 Andrejs Kirma（來自 Noun Project）