8个免费的大厂UI组件库，你值得拥有

AntDesign组件库是阿里经过大量的项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系。基于确定和自然的设计价值观：其颜色来自大自然，品牌高度也进行了详细的研究，选择了自然生活中最规律的秩序。整个设计系统包括视觉、模式、可视化、动态效果、组件等主要模块，通过模块化解决方案降低冗余生产成本，使设计师能够专注于更好的用户体验。

AntDesign组件

;type=resourceid=60d32da1333c5ce7ab0c091csource=ttplan=btt730

GoogleMaterialDesign组件库是谷歌14年推出的一种全新的设计语言。它的风格主要是平面设计，但不仅仅是平面设计，更是一种注重卡片设计、纸张模拟、动态效果突出、色彩对比强烈的设计风格。AndroidUI设计遵循UI设计组件库MaterialDesign3的设计和感觉简化了设计过程。

MaterialDesign组件

;type=resourceid=5ee1bf157e05ed5002fe1ff6source=ttplan=btt730

ArcoDesign组件

;type=resourceid=6194e775c530ee24f130e742source=ttplan=btt730

WeUI组件库是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计，使用户感知更加统一，包括button、Cell、Dialog、Progress、Toast、Article、设计团队可以直接在即时设计资源广场中找到UI设计组件库WeUI的深色和浅色版本，并可以直接使用这些组件。

ClarityDesign组件库是teambition公司设计团队打造的设计体系，ClarityDesign将清晰、灵活、干净、友好作为设计理念，从设计原则到字体排版，从交互到文案，从动态效果到风格，从组件到设计工具，提供各种解决方案和指导，设计师和工程师可以快速找到相关指导内容，有效改进工作，提高效率。

即时设计资源广场内置国内外大厂设计系统和UI设计组件库，包括TDesignn、ArcoDesign、AntDesign、Materialdesign、阿里巴巴、、华为等优秀设计规范，所有大厂商的UI组件库资源都可以一键调用。颜色、文本样式和图层样式不仅可以一键保存为资源，还可以重复添加为组件资源，与团队共享，实现快速再利用。

接下来，我们以TDsign移动端UI组件库为例，看看在即时设计中如何使用大厂UI设计组件库。

;source=ttplan=btt730

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