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

Ant Design 组件

https://js.design/community?category=detail&type=resource&id=60d32da1333c5ce7ab0c091c&source=tt&plan=btt730

安卓必备组件：Material Design

Google Material Design组件库是谷歌14年推出的一种全新的设计措辞。
它的风格紧张是平面设计，但不仅仅是平面设计，更是一种看重卡片设计、纸张仿照、动态效果突出、色彩比拟强烈的设计风格。
AndroidUI设计遵照UI设计组件库Material Design 3的设计和觉得简化了设计过程。

Material Design 组件

https://js.design/community?category=detail&type=resource&id=5ee1bf157e05ed5002fe1ff6&source=tt&plan=btt730

产品桌面组件：Element

Element UI组件库是为开拓者设计的，由/UX设计师和产品经理准备 3.0作为基本框架实现组件库，UI设计组件库Element遵照同等性、反馈、效率、可控设计原则，供应配套设计资源，分为颜色、渐变、字体、按钮、输入框、进度条等11类，共60多个基本组件，能很好地知足大部分设计开拓需求，帮助设计快速成型。

原子级组件：Arco Design

Arco 字节跳动组件库是由字节跳动组件库 GIP UED 由团队和架构前端团队共同推出的企业级设计系统。
通过字节内大量业务沉淀和验证， ArcoDesign 该设计系统于去年10月正式启动，基于去年10月正式启动「清晰」、「同等」、「韵律」和「开放」设计代价不雅观，努力建立务实浪漫的事情办法。
在字节内部，UI设计组件库Arco Design已包办事了4000+ 该项目，包括火山引擎、今日头条等数亿用户产品，实现了高效、高质量的产品培植过程，是字节中最大的设计系统。

Arco Design 组件

https://js.design/community?category=detail&type=resource&id=6194e775c530ee24f130e742&source=tt&plan=btt730

小程序必备组件：WeUI

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

Mand Mobile组件库是基于Vuejs的滴滴出行计策奇迹群前端团队 2.0开拓的移动终端组件库。
遵照统一的视觉设计规范，包括根本、表格、操作反馈和业务，40+实用组件，能够知足移动终端开拓的基本需求，特殊是金融场景的需求，实际运用于滴滴四大金融业务板块的10多个产品。

产品桌面组件：Clarity Design

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

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

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

第一步：打开即时设计资源广场，直接搜索关键词【TDesign】，找到TDesign移动端UI组件库材料资源

https://js.design/community?category=explore&source=tt&plan=btt730

第二步：打开TDesign移动端UI设计组件库的材料链接，点击右上角「引用」按钮，文件将保存到我们的即时设计事情台，点击弹出窗口「打开文件」，您可以在线利用TDesign移动端UI组件库材料。

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