1、IBM Design Language

IBM 设计语言是 IBM 公司在设计领域的指导性框架，旨在统一和提升公司内外的产品和服务设计。它涵盖了多个领域，包括用户界面、交互、图形设计等，旨在为用户提供一致、高效且愉悦的使用体验。

传送门：https://www.ibm.com/design/language/

2、Carbon Design System

Carbon是IBM的开源设计系统，基于IBM设计语言。它包含工作代码、设计工具、人机界面指南和社区资源。这个系统允许开发者使用预构建的、可重用的资产（如组件、模式和代码）来更快地构建一致的数字体验。通过使用Carbon，团队可以节省在基础设计上花费的时间，从而专注于定制产品以满足特定客户需求。Carbon的命名灵感来源于自然界中碳元素构建复杂结构的方式，象征了不同风格和组件如何组合成精美、自然和直观的设计。

传送门：https://carbondesignsystem.com/

3、Material Design 3

Material 3是谷歌开源设计系统的最新版本，专为构建高质量的数字体验而设计，覆盖Android、iOS、Flutter和Web平台。它提供了一套指南、组件和工具，支持最佳的用户界面设计实践。Material简化了设计师与开发人员之间的协作，通过开源代码，帮助团队快速构建美观的产品。该系统包括丰富的组件库，这些组件具有内置状态系统，如焦点、选择、激活等，适用于多个平台。同时，也提供了开发文档、代码和Figma设计文件等资源。

传送门：https://m3.material.io/

4、TDesign

TDesign是腾讯的企业级设计体系，它拥有统一的设计语言和视觉风格，为用户提供连续、统一的体验。它提供现成的UI组件库、设计指南和设计资产，旨在高效地将设计和研发从重复工作中解放出来，并支持在TDesign基础上灵活扩展，以满足不同业务需求。

传送门：https://tdesign.tencent.com/

5、Taro UI

Taro是京东凹凸实验室推出的多端开发框架。在Web、React Native、微信小程序等多样化的平台环境中，Taro允许开发者只编写一套代码，然后通过其编译工具，将这套代码编译成可在微信小程序、H5网页、React Native等平台上运行的代码，极大降低了多端开发的成本。

传送门：https://taro-ui.jd.com/#/

6、Ant Design

蚂蚁集团的企业级产品体系庞大复杂，变化快速，需要设计者和开发者快速响应。针对这种特点，我们（蚂蚁集团体验技术部）开发了Ant Design设计体系，以四大设计价值观为指导，通过模块化解决方案，提高设计复用性，降低生产成本，专注于提升用户体验。

传送门：https://ant.design/index-cn

7、Xconsole

Xconsole是阿里云推出的一个管控类产品解决方案，最初用于为阿里云IAAS和PAAS产品控制台提供统一的设计和开发支持。现在，Xconsole已经开始开源，旨在将阿里云的经验和能力分享给更多企业和用户。

传送门：http://xconsole.cloud/

8、Apple Developer

Apple Developer 提供了全面的设计资源，涵盖Sketch、Photoshop、XD和Figma等模板，以及指南和其他工具，助力开发者快速且准确地设计各类应用程序。

传送门：https://developer.apple.com/cn/

9、微软 Fluent Design

Fluent 2是微软设计系统的演进，它旨在通过Figma平台实现设计到开发的无缝协作，促进创造力并确保跨平台的一致性。Fluent 2 UI套件内置在Figma中，包含与代码库对应的设计资产，确保设计与开发的无缝对接。使用Figma，您可以轻松构建和托管UI工具包，访问最新设计功能，同时保持与微软风格的统一。

传送门：https://fluent2.microsoft.design/

10、京东UDCDesign

京东UDCDesign提供了一站式的前中台设计效率解决方案，涵盖了交互组件、设计资源和前端资源，旨在应对复杂的设计需求与商业化趋势，提供多维度的设计框架。FinDesign则提供了设计资源的下载，包括Sketch、Axure等工具的组件库和模板，助力设计师轻松使用京东金融设计系统进行项目设计。

传送门：https://findesign.jd.com/#/home

11、贝壳KE Design

贝壳KE Design，即链家设计中心，是链家地产提供的设计系统平台。该平台将服务设计理念和标准化作业能力整合，促进协作生态一体化，优化服务体验。网站提供房地产项目的UI组件库和样式指南，用户可据此快速构建专业界面。设计中心还支持Sketch、Axure等工具的资源下载，助力设计师高效进行项目设计和开发。

传送门：https://design.ke.com/page/home

12、View Design

View Design是基于Vue.js 3的企业级UI组件库和中后台系统解决方案，服务数万开发者。它提供了丰富的响应式组件，如按钮、表单、导航、布局和数据展示等，具备灵活配置和强大功能，适用于各种场景，确保在不同设备上提供一致的用户体验。

传送门：https://www.iviewui.com/

13、有赞Zan Design

Zan Design System是专为SaaS产品设计打造的体系，服务了数百万来自不同行业的商家，积累了丰富的产品设计经验。我们愿意分享这些经验，帮助同行提升产品设计和研发效率。基于这些经验和思考，我们提炼出了稳定且高复用性的Zan Design设计模式和实践方法。

传送门：https://design.youzan.com/

14、Atlassian Design

Atlassian Design 采用端到端的设计语言，贯穿于设计、开发到交付的全流程，致力于创造简洁、直观且美观的用户体验。诚邀您为包含内容、设计、工具和产品代码的设计系统库贡献力量。

传送门：https://atlassian.design/

15、at-UIkit Design

AT-UI提供了一整套现代化、高质量的界面组件库，涵盖按钮、表单、导航等常用元素。这些组件符合UI设计趋势和用户体验标准，有助于产品设计师、前端和后台工程师快速搭建中后台产品。基于Vue的组件化设计，用户可体验交互细节并灵活选择单独或全局引入组件。此外，还提供Sketch原稿下载，以加快产品原型搭建，减少沟通成本，提升效率。

传送门：https://at-ui.github.io/at-ui/#/zh

16、DevUI Design

DevUI Design使开发人员专注于应用逻辑，设计人员则聚焦于用户体验、交互和流程。组件化的目标是促进更确定、科学、高效的工作方式，而非限制创新。产品业务始终是核心，应优先于组件化本身。在实际工作中，可以基于业务需求适当突破规范，若有必要，可将新需求迭代为组件。

传送门：https://devui.design/home

17、Design System

Design System是Pluralsight产品构建的核心，包含统一的设计语言、共享元素和组件，旨在加速开发过程。利用Figma进行协作设计，确保所有团队间的透明度和开放性，让公司内部任何人都能查看和参与设计。

传送门：https://design-system.pluralsight.com/

18、Polaris Shopify

Polaris Shopify秉持建造、贡献、进化的设计价值观，专注于优化Shopify核心产品的管理员商家体验。该网站提供全面的界面组件和模块资源，涵盖设计指南、组件、Tokens及图标等。

传送门：https://polaris.shopify.com/

19、Lightning Design System

Lightning Design System致力于创造卓越的企业应用程序体验，提供多种下载选项，包括图标、设计令牌和样本，助力快速构建和定制应用界面。

传送门：https://www.lightningdesignsystem.com/

20、Tea Design

Tea Component 是一个基于 Vue.js 的前端组件库，提供多种现代、响应式的界面元素，如按钮、表单、卡片和导航等，以及高级组件和效果，帮助开发者快速构建用户界面。

传送门：https://tea-design.github.io/component

21、Thumbprint

Thumbprint 系统通过整合、标准化和文档化，简化了设计和开发流程，减少了决策困扰，使团队能专注于关键问题，并提升 Thumbtack 客户体验的质量和一致性。

传送门：https://thumbprint.design/

22、Vuetify

Vuetify 自 2014 年起，基于 Vue.js 框架，成为备受欢迎的 UI 组件库。其优势在于可重用的小型模块，包括动态主题、全局设置和布局工具，旨在帮助开发者创建出色的用户体验。Vuetify 是免费开源的，遵循 MIT 许可，源码在 GitHub 上开放，允许开发者根据需求修改和贡献。所有组件遵循 Google 设计规范，提供大量自定义选项，支持多种风格设计，通过 props、slots 和 components 灵活构建 Vue 模板。

传送门：https://vuetifyjs.com/zh-Hans/

23、Element⁺

Element Plus是一个基于Vue.js的UI组件库，网站提供了其全面介绍，包括功能、用法和示例。同时，Element Plus Design Guide提供了组件设计的原则和指南，涉及视觉、交互和用户体验，支持多语言（包括中文），助力创建一致、易用、美观的界面。

传送门：https://element.eleme.cn/#/zh-CN

24、Fusion

Fusion.Design概述了设计系统的核心要素，如设计原则、组件库和布局规范，帮助用户理解其设计理念。它提供了丰富的界面组件及详尽文档和示例，便于用户快速掌握并应用于不同平台的界面设计与开发。

传送门：https://fusion.design/pc/?themeid=2

25、滴滴Mand Mobile

打造面向金融场景的 Vue 移动端 UI 组件库，灵活快速、丰富实用；用于敏捷搭建差异化的金融类产品，力求让复杂场景变得简单，辅助用户认知提效。

传送门：https://didi.github.io/mand-mobile/#/zh-CN/home

26、Semantic UI

Semantic UI是一个流行的前端框架，它以语义化代码和灵活设计原则助力开发者轻松构建现代化界面。同时，它还提供丰富的可定制选项，满足项目需求。

传送门：https://semantic-ui.com/

27、San-MUI

san-mui是一套为开发者、设计师和产品经理准备的基于 san 框架的组件库，遵循 material design 规范，融入了开发常用的ui组件，帮助你快速搭建网站。

传送门：https://ecomfe.github.io/san-mui/#/

28、Layui

Layui是一套流行的开源前端UI组件库，通过简洁清晰的语义化代码和丰富的可定制化选项，让开发者能够轻松构建出各种风格的现代化界面。它提供了布局、颜色、字体图标、动画等多种元素以及内置模块如layer、layDate等，以模块化的方式按需加载，满足了不同项目的需求。同时，Layui具有良好的兼容性和活跃的社区支持，是前端开发者的优秀选择。

传送门：https://layui.dev/

29、Bootstrap

Bootstrap是一个由Twitter设计师开发的流行前端框架，它基于HTML、CSS和JavaScript，提供了响应式网格系统、丰富的CSS和JavaScript组件以及自定义样式选项，使开发者能够快速构建现代化、响应式和交互式的网站。Bootstrap因其易用性、丰富的功能和庞大的社区支持而广受欢迎，是前端开发的优秀选择。

传送门：https://v5.bootcss.com/

30、Pax Design

Pax Design规范平台是平安银行的对公业务规范平台，以“高效、便捷、安全”为目标，采用一致性、效率性和生长性的设计原则。该平台通过系统化的思路解决业务问题，提供完善的设计资产帮助设计师做出更快更好的决策，同时模块化解决方案降低生产成本，让设计师更专注于提升用户体验。

传送门：https://rmb-stg.pingan.com.cn/pax/fat/front/#/zh-CN/

关注公众号“创逸工坊”，每天发现新鲜趣事