awesome-design-systems
Last updated
Last updated
設計系統是關於原則和最佳實踐的文檔集合,有助於指導團隊構建數字產品。它們通常包含在 UI 庫和模式庫中,但可以擴展到包括其他領域的指南,例如“語音和音調”。
組件:包含編碼模式和示例。
Voice & Tone:提供有關如何使用語言的指導。
設計師工具包:包括草圖/Photoshop/Figma/等。設計師的文件。
源代碼:公開可見的源代碼
*標記為開源的項目可能並不總是開放使用。在使用這些項目之前,請務必檢查它們的許可證。
儘管“設計系統”、“用戶界面庫”和“模式庫”是不同的東西,但它們經常可以互換使用。此列表包含所有三個。
封面圖標:來自 Noun Project 的 Andrejs Kirma 的“太陽系”
知道下面未列出的資源嗎?隨意創建一個新的 。
| | 組件 | 語音和音調 | 設計師套件 | 源代碼* | | -------------------------------------------------- -------------------------------------------------- ---------- | :--------: | :------------: | :-----------: | :------------------------------------------------ --------------------------: | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | 【阿里巴巴螞蟻設計】(https://ant.design) | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | 【蘋果開發者設計指南】(https://developer.apple.com/design/) | | | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | | 👍 | | | 【編織設計系統】(https://seek-oss.github.io/braid-design-system/) | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | | 👍 | | 👍 | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | 【迪卡儂設計系統-維他命】(https://decathlon.design/) | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | | 👍 | | | | | 👍 | | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | 【彈性UI框架】(https://elastic.github.io/eui/) | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | 👍 | | | | | 👍 | 👍 | | | 【火狐光子設計系統】(https://design.firefox.com/photon) | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | 【大堂設計系統】(https://design.foyer.lu/) | 👍 | | 👍 | :close_lock_with_key: | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | | 👍 | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | 👍 | | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | | 👍 | 👍 | | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | | 👍 | | | | | 【響亮十倍手冊】(https://www.louderthanten.com/manual) | 👍 | 👍 | | | | | 👍 | | | | | | | 👍 | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | 👍 | | | | 【MongoDB設計系統】(http://mongodb.design) | 👍 | | 👍 | | | | | 👍 | | | | 【晨星設計系統】(http://designsystem.morningstar.com/) | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | 【脈衝設計系統】(https://pulse.heartbeat.ua/) | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | 👍 | | | | 【星巴克風格指南】(https://www.starbucks.com/static/reference/styleguide/) | 👍 | | | | | | 👍 | | | | | 【墨爾本大學設計系統】(https://web.unimelb.edu.au/) | 👍 | | | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | | | | | | 👍 | | 👍 | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | | 👍 | 👍 | | | | | 👍 | 👍 | 👍 | | | | 👍 | | | | | 【Vimeo設計系統】(https://vimeo.github.io/iris/) | 👍 | | | | | | 👍 | 👍 | 👍 | | | | 👍 | | 👍 | | | 【Vue設計系統】(https://vueds.com/) | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | | | | | | 👍 | 👍 | | | | | 👍 | 👍 | | | | | 👍 | | | |