有TDesign、Arco Design、Ant Design、Material 随着Design等优秀web组件库的发布，设计师可能会认为大厂商之间的web组件库差别不大。其实大厂商的产品线很多，业务复杂。设计系统是对以往项目经验的深刻沉淀，可以支撑业务逻辑，保证设计系统的使用频率。本节，我们来盘点一下哪些流行的web组件库。

如何免费调用大厂web组件库？

即时设计资源广场涵盖了国内外大型工厂的设计系统和web组件库，可以一键调用，学习最新的设计规范，统一项目的视觉效果。接下来，让我们以QQ小程序web组件库为例，看看如何在即时设计中使用大型工厂的web组件库。

第一步：免费注册即时设计账号，进入即时设计资源广场，直接搜索关键词【组件库】，找到web组件库资源。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/community?category=search&search=%E7%BB%84%E4%BB%B6%E5%BA%93&source=csdn&plan=btt0528

第二步：打开QQ小程序web组件库素材链接，点击右上角「复制」按钮，文件将保存到我们的即时设计工作台，点击弹出窗口「打开文件」，您可以在线使用QQ小程序web组件库材料。

第三步：使用web组件库。在同一文件中，复制组件可以创建实例；或者单击组件面板将鼠标光标悬浮到需要使用的组件上，单击左键将其拖动到画板中，并成功创建实例组件。

1. QQ小程序UI

轻量好用的除了控制样式外，QQ小程序web组件库还包括QQ小程序控制组合样式和典型页面。使用这个web组件库，设计师可以更有效地设计和调整QQ小程序，注册即时设计帐户，一键呼叫web组件库。

2. Element UI Kit

饿了么生产的 Element web组件库，适合有使用Element习惯的开发者。Element React提供了非常丰富的组件，如日期选择器、树形组件、日历组件等。开发语言遵循用户的习惯，让网站快速形成，的网页设计技巧。请访问即时设计技能专栏。

3. TDesign

TDesign web组件库来自腾讯 300 由著名设计师和开发人员共同打造，由著名设计师和开发人员共同打造 500+ 项目使用、验证、锤炼的企业级设计体系，秉承包容、多元化、进化、连接的价值观。web组件库TDesign 期待与用户、行业和合作伙伴一起创造有竞争力的产品体验。

4.Arco Design

Arco Designweb组件库基于Designweb Byte Design 升级而来，是一个能力全面的企业级产品设计体系。Arco DesignUI组件库的目标是通过通用的设计系统来解决产品中的体验问题，为产品设计提供解决业务问题的指导原则，同时Arco Designweb组件库可以促进设计部门与研发部门之间的合作，成为开发者之间交流的语言，Ant Design和Arco Design是B端设计的两大设计系统，但两者也有一定的区别，请参考B端设计系统Ant Design和Arco Design的区别。

5.AntDesign

Ant Designweb组件库是蚂蚁集团经过大量的项目实践和总结，逐步打磨出服务于企业级产品的设计体系的企业级产品。Ant Designweb组件库具有学习成本低、启动速度快、实现效果好等特点，并提供从界面设计到前端开发的全环节生态，可大大提高设计开发效率。

AntDesignhttps://js.design/community?category=detail&type=resource&id=60d3301e333c5ce7ab0c0adf&source=csdn&plan=btt0528

6.Material Design

AndroidUI设计遵循Materiall Design3的设计和感觉简化了设计过程。作为有史以来适应性和定制性最强的Materiall UI工具包是Designweb组件库的一个版本，旨在让事情变得简单，给你足够的空间去创造独特的东西。Material Designweb组件库可以为任何类型的Android应用程序提供设计帮助，点击阅读AndroidAPP界面设计流程和技巧。

Material Design即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/community?category=detail&type=resource&id=5ee1bf157e05ed5002fe1ff6&source=csdn&plan=btt0528

7. WeUI

微信applet提供了一个简单高效的应用开发框架，丰富的组件和API，帮助开发者在微信中开发原创 APP 体验服务。WeUI web组件库是一套与微信本地视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制，使用户感知更加统一。

8. Mand Mobile

Mand-Mobile 是一款基于 Vue 移动web组件库丰富、灵活、实用，快速构建高质量的金融产品，简化复杂的金融场景。即时设计广场内置了滴滴Mand-Mobile 实用UI组件库40+，包括基本样式、结构布局、通用控件等

通过对web组件库的比较，你对web组件库有进一步的了解吗？即时设计的资源广场提高了web组件库等设计资源的可重用性，就像程序员不需要浪费时间重复轮子一样，而是直接重用GitHub上的开源代码一样，每个设计师也可以合理利用各种通用web组件库，比从0开始更有效地创作出充满自己想法的完整作品，告别重复的基础工作，把更多的精力花在更有价值的事情上。