Home
Blog
Resources
Search…
README
Design
Awesome Design Tools
Awesome-UI-Templates
awesome-design-systems
Awesome Design System
Awesome Figma
awesome-styleguides
awesome-typography
awesome-ui
Awesome UX Design Styleguides
awesome-ux-designer
awesome-ux
Awesome Webflow
webflow-masterclass
Devops
Marketing
Nocode
Server
Tools
shopify
web3
Powered By
GitBook
awesome-design-systems
Could not load image
封面
歡迎投稿
知道下面未列出的資源嗎?隨意創建一個新的
pull request
。
設計系統是關於原則和最佳實踐的文檔集合,有助於指導團隊構建數字產品。它們通常包含在 UI 庫和模式庫中,但可以擴展到包括其他領域的指南,例如“語音和音調”。
標籤
組件:包含編碼模式和示例。
Voice & Tone:提供有關如何使用語言的指導。
設計師工具包:包括草圖/Photoshop/Figma/等。設計師的文件。
源代碼:公開可見的源代碼
| | 組件 | 語音和音調 | 設計師套件 | 源代碼* | | -------------------------------------------------- -------------------------------------------------- ---------- | :--------: | :------------: | :-----------: | :------------------------------------------------ --------------------------: | |
Adobe Spectrum
| 👍 | 👍 | 👍 |
:octocat:
| |
阿爾法銀行
| 👍 | | 👍 |
:octocat:
| | 【阿里巴巴螞蟻設計】(https://ant.design) | 👍 | 👍 | 👍 |
:octocat:
| |
放大 UI
| 👍 | 👍 | 👍 |
:octocat:
| |
出現在這里風格指南
| 👍 | | |
:octocat:
| | 【蘋果開發者設計指南】(https://developer.apple.com/design/) | | | 👍 | | |
阿拉貢用戶界面
| 👍 | | |
:octocat:
| |
藝術調色板
| 👍 | | |
:octocat:
| |
Astro UXDS
| 👍 | | 👍 |
:octocat:
| |
在 UIKIT
| 👍 | | |
:octocat:
| |
Atlassian 設計系統
| 👍 | 👍 | 👍 | | |
奧迪 UI 套件
| 👍 | | 👍 |
:octocat:
| |
Aurora(加拿大政府)
| 👍 | 👍 | 👍 |
:octocat:
| |
澳大利亞政府設計系統
| 👍 | | 👍 |
:octocat:
| |
AutoGuru Overdrive
| 👍 | | |
:octocat:
| |
背包 (Skyscanner)
| 👍 | 👍 | 👍 |
:octocat:
| |
巴納多的設計系統
| 👍 | 👍 | |
:octocat:
| |
基礎設計系統
| 👍 | | |
:octocat:
| |
BBC GEL(全球體驗語言)
| 👍 | 👍 | 👍 | | |
BCC - 設計系統
| 👍 | | 👍 |
:octocat:
| |
BLiP
| 👍 | | |
:octocat:
| |
螺栓設計系統
| 👍 | | |
:octocat:
| |
粗體(橋樑設計系統)
| 👍 | | 👍 |
:octocat:
| |
藍圖
| 👍 | | 👍 |
:octocat:
| | 【編織設計系統】(https://seek-oss.github.io/braid-design-system/) | 👍 | | |
:octocat:
| |
英國氣體核
| 👍 | 👍 | | | |
Buildit Gravity
| 👍 | | |
:octocat:
| |
燈泡設計系統
| 👍 | 👍 | | | |
BuzzFeed Solid
| 👍 | | 👍 |
:octocat:
| |
Bumbag UI
| 👍 | | |
:octocat:
| |
易趣皮膚
| 👍 | | |
:octocat:
| |
謎無界
| 👍 | | |
:octocat:
| |
CA Technologies 礦物 UI
| 👍 | | |
:octocat:
| |
卡片二進制設計
| 👍 | 👍 | 👍 |
:octocat:
| |
CBRE 塊
| 👍 | 👍 | | | |
雪松
| 👍 | | 👍 |
:octocat:
| |
censhare禪
| 👍 | 👍 | | | |
脈輪用戶界面
| 👍 | | |
:octocat:
| |
Cloudflare
| 👍 | | |
:octocat:
| |
波士頓艦隊城市
| 👍 | 👍 | |
:octocat:
| |
合作設計手冊
| 👍 | 👍 | 👍 |
:octocat:
| |
內容形式 36
| 👍 | 👍 | 👍 |
:octocat:
| | 【迪卡儂設計系統-維他命】(https://decathlon.design/) | 👍 | | 👍 |
:octocat:
| |
Decentraland 用戶界面
| 👍 | | |
:octocat:
| |
二重唱
| 👍 | | 👍 | | |
多鄰國
| | 👍 | | | |
ENGIE流體設計系統
| 👍 | | 👍 | | |
愛沙尼亞國家設計指南
| 👍 | 👍 | 👍 | | | 【彈性UI框架】(https://elastic.github.io/eui/) | 👍 | 👍 | 👍 |
:octocat:
| |
長青
| 👍 | | |
:octocat:
| |
Figma UI 組件
| 👍 | | |
:octocat:
| |
金融時報摺紙
| 👍 | | |
:octocat:
| |
Finastra 設計系統
| 👍 | | 👍 |
:octocat:
| |
芬蘭工具箱
| | 👍 | 👍 | | | 【火狐光子設計系統】(https://design.firefox.com/photon) | 👍 | 👍 | 👍 |
:octocat:
| |
魚缸設計系統
| 👍 | 👍 | 👍 |
:octocat:
| |
Flame Design System Santander
| 👍 | 👍 | 👍 | | | 【大堂設計系統】(https://design.foyer.lu/) | 👍 | | 👍 | :close_lock_with_key: | |
FutureLearn 模式庫
| 👍 | | | | |
基金會
| 👍 | 👍 | 👍 |
:octocat:
| |
GitHub 入門
| 👍 | | 👍 |
:octocat:
| |
GitLab 設計系統-睡衣
| 👍 | 👍 | 👍 |
:fox_face:
| |
谷歌材料設計
| 👍 | 👍 | 👍 |
:octocat:
| |
GOV.UK 設計系統
| 👍 | | |
:octocat:
| |
體操瑜伽
| 👍 | 👍 | |
:octocat:
| |
Halstack
| 👍 | | 👍 |
:octocat:
| |
幫助偵察員
| 👍 | 👍 | |
:octocat:
| |
Heroku Purple3
| 👍 | | | | |
惠普索環
| 👍 | | |
:octocat:
| |
HubSpot 畫布
| 👍 | 👍 | |
:octocat:
| |
Hudl 設計系統
| 👍 | 👍 | | | |
IBM Carbon
| 👍 | 👍 | 👍 |
:octocat:
| |
IBM 設計語言
| 👍 | 👍 | | | |
IBM 北極星
| 👍 | 👍 | | | |
直覺和諧
| 👍 | 👍 | 👍 | | |
JetBrains Ring UI
| 👍 | | |
:octocat:
| |
卡洛用戶界面
| 👍 | | |
:octocat:
| |
Kiwi.com 軌道
| 👍 | | 👍 |
:octocat:
| |
Kontur
| 👍 | | 👍 |
:octocat:
| |
緯度
| 👍 | 👍 | 👍 |
:octocat:
| |
詞典
| 👍 | 👍 | | | |
孤獨星球里佐
| 👍 | | |
:octocat:
| | 【響亮十倍手冊】(https://www.louderthanten.com/manual) | 👍 | 👍 | | | |
Lost My Name 設計系統
| 👍 | | | | |
Mailchimp 內容風格指南
| | 👍 | | | |
Mailchimp 模式
| 👍 | | | | |
Mantine
| 👍 | | |
:octocat:
| |
漫威風格指南
| 👍 | | | | |
Meetup Swarm
| 👍 | 👍 | 👍 |
:octocat:
| |
網格設計系統
| 👍 | | 👍 | | |
中間層 CNVS
| 👍 | | |
:octocat:
| |
微軟流利
| 👍 | | 👍 |
:octocat:
| |
Mixpanel 設計系統
| 👍 | 👍 | | | | 【MongoDB設計系統】(http://mongodb.design) | 👍 | | 👍 |
:octocat:
| |
Monzo 音調
| | 👍 | | | | 【晨星設計系統】(http://designsystem.morningstar.com/) | 👍 | 👍 | 👍 | | |
Mozilla 協議
| 👍 | | |
:octocat:
| |
NASA網頁設計系統
| 👍 | | |
:octocat:
| |
NationBuilder 半徑
| 👍 | | | | |
NHS.UK 服務手冊(測試版)
| 👍 | 👍 | | | |
Nordnet
| 👍 | 👍 | | | |
Nutanix 棱鏡
| 👍 | | | | |
Okta Odyssey 設計系統
| 👍 | | 👍 |
:octocat:
| |
Fluent UI
| 👍 | 👍 | 👍 |
:octocat:
| |
模式
| 👍 | 👍 | | | |
Oracle Alta UI
| 👍 | | | | |
Mail.ru 集團範式
| 👍 | 👍 | 👍 | | |
Patternfly
| 👍 | 👍 | 👍 |
:octocat:
| |
Pearson UX 框架
| 👍 | 👍 | 👍 |
:octocat:
| |
Pharos:JSTOR 的設計系統
| 👍 | 👍 | |
:octocat:
| |
Pinterest 格式塔
| 👍 | | |
:octocat:
| |
關鍵
| 👍 | | |
:octocat:
| |
Pluralsight 設計系統
| 👍 | | |
:octocat:
| |
Predix 設計系統
| 👍 | 👍 | 👍 | | |
Priceline 設計系統
| 👍 | 👍 | |
:octocat:
| | 【脈衝設計系統】(https://pulse.heartbeat.ua/) | 👍 | 👍 | 👍 |
:octocat:
| |
推桿變色龍
| 👍 | | |
:octocat:
| |
基數
| 👍 | | |
:octocat:
| |
漫步者
| 👍 | | |
:octocat:
| |
再現
| 👍 | | |
:octocat:
| |
Salesforce Lightning 設計系統
| 👍 | 👍 | 👍 |
:octocat:
| |
SAP Fiori
| 👍 | | | | |
SAP 基礎
| 👍 | | |
:octocat:
| |
SAP OpenUI
| 👍 | | |
:octocat:
| |
種子
| 👍 | 👍 | 👍 | | |
SEEK 風格指南
| 👍 | | |
:octocat:
| |
半設計
| 👍 | | 👍 |
:octocat:
| |
Semrush 星際設計系統
| 👍 | | 👍 |
:octocat:
| |
Shopify Polaris
| 👍 | 👍 | 👍 |
:octocat:
| |
新加坡政府設計系統
| 👍 | 👍 | 👍 |
:octocat:
| |
堆棧 – 堆棧溢出
| 👍 | 👍 | |
:octocat:
| | 【星巴克風格指南】(https://www.starbucks.com/static/reference/styleguide/) | 👍 | | | | |
天空工具包
| 👍 | | |
:octocat:
| | 【墨爾本大學設計系統】(https://web.unimelb.edu.au/) | 👍 | | |
:octocat:
| |
Teambition 清晰設計
| 👍 | | | | |
Telefónica Mística
| 👍 | | 👍 |
:octocat:
| |
指紋
| 👍 | | |
:octocat:
| |
Tizen CircularUI
| 👍 | | 👍 |
:octocat:
| |
Twilio 粘貼
| 👍 | 👍 | 👍 |
:octocat:
| |
Uber 的基礎網絡
| 👍 | | |
:octocat:
| |
Ubuntu Vanilla 框架
| 👍 | 👍 | 👍 |
:octocat:
| |
USPTO UI 設計庫
| 👍 | | 👍 |
:octocat:
| |
uSwitch風格指南
| 👍 | 👍 | |
:octocat:
| |
美國網頁設計標準
| 👍 | 👍 | 👍 |
:octocat:
| |
美國CMS.gov設計系統
| 👍 | | | | | 【Vimeo設計系統】(https://vimeo.github.io/iris/) | 👍 | | |
:octocat:
| |
VMware Clarity 設計系統
| 👍 | 👍 | 👍 |
:octocat:
| |
VTEX 風格指南
| 👍 | | 👍 |
:octocat:
| | 【Vue設計系統】(https://vueds.com/) | 👍 | | |
:octocat:
| |
WeWork 等離子
| 👍 | | | | |
Ray by WeWork
| 👍 | | |
:octocat:
| |
歡迎界面
| 👍 | | |
:octocat:
| |
西米德蘭茲網絡設計系統
| 👍 | 👍 | |
:octocat:
| |
Vercel
| 👍 | | | | |
工作日畫布
| 👍 | 👍 | |
:octocat:
| |
Yelp 風格指南
| 👍 | 👍 | | | |
Zendesk 花園
| 👍 | | |
:octocat:
|
備註
*
標記為開源的項目可能並不總是開放使用。在使用這些項目之前,請務必檢查它們的許可證。
儘管“設計系統”、“用戶界面庫”和“模式庫”是不同的東西,但它們經常可以互換使用。此列表包含所有三個。
學分
封面圖標:來自 Noun Project 的 Andrejs Kirma 的“太陽系”
Previous
README-en
Next
Awesome Design System
Last modified
1mo ago
Copy link
Outline
標籤
備註
學分