UI组件库是可以理解为是一个重复使用的界面设计元素的集合体 ,它是一个文件库。 UI组件库在整个系统中扮演的是行为层面的对接,是团队内部设计师和开发间的横向协作,是保证产品输出一致的规范基础。Pixso资源社区中选择设计系统,里面有不同行业不同顶部互联网大厂的UI组件库!均可免费一键调用!

Pixso资源社区

如何在Pixso免费使用UI组件库

Pixso资源社区内置海量国内外大厂的设计系统及UI设计组件库,包括TDesign、Arco Design、Ant Design、Material design、阿里、京东、华为等优秀设计规范,所有大厂UI组件库资源均可一键调用,颜色、文本样式、图层样式不仅可以一键保存为资源,还可搭配起来重复添加为组件资源共享到团队,实现快速复用。

第一步:打开Pixso官网,进入Pixso【资源社区】,选择【设计素材】。

Pixso资源社区

第二步:在Pixso资源社区的设计素材分类栏中选择设计系统,即可解锁大量设计师常用的UI组件库,单击打开你的目标UI组件库。

Pixso资源社区设计系统

第三步:打开组件库,点击【复制】—【打开文件】,即可免费使用组件库。

免费使用组件库

进入Pixso编辑器后,你可以随意拖曳UI组件使用,Pixso支持Sketch、XD、PIX、PDF设计格式导入/导出。

Pixso支持多种文件格式

原子级组件 Arco Design

Arco Design 组件库是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。UI组件库 Arco Design 拥有系统的设计规范和资源,依据此规范提供了覆盖 React、Vue、Mobile 的原子组件。基于丰富的原子组件,Arco 提供了除风格配置平台、物料平台的定制化工具外还包括图标平台、品牌库、Arco Pro 最佳实践的资源平台,旨在帮助设计师与开发者解放双手、提升工作效率、高质量地打造符合业务规范的中后台应用。

Arco Design 组件库

桌面端组件 TDesign

UI组件库 TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系,于2021年12月底正式对外开源,它提供一套完整的设计体系,目前同时支持4个框架。TDesign组件库秉承“开源”理念,通过设计开源结合代码开源,让设计和代码得到无缝衔接,让资源能更好的分配到必要的环节。

UI组件库TDesign隶属于腾讯前端委员会和腾讯设计委员会,是腾讯企业级设计体系,为产业互联网在各个应用环节提供所需要的设计、研发等解决方案,让设计、研发从繁琐重复的劳动中释放出来,让大家更专注深耕体验和细节。

桌面端组件 TDesign

企业级组件 Ant Design

随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,蚂蚁集团体验技术经过大量项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观,通过模块化解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。

企业级组件 Ant Design

移动端组件 Zarm Design

UI组件库 Zarm 是众安科技基于React、React-Native研发的一款适用于企业级的移动端UI组件库。

Zarm Design组件库有着以下六个独特特点:

  • 提炼自企业级移动端产品的交互语言和视觉风格,逐步培养用户的视觉心里和行为习惯。

  • 高质量的前端代码的实现。

  • 形成规范和标准,降低设计、开发的人力成本和沟通成本。

  • 配合工具体系,帮助业务快速完成高质量的产品原型。

  • 提供国际化解决方案,多语言支持。

  • 使用 TypeScript 开发,支持静态检查,提升开发体验。

移动端组件 Zarm Design

京东全能组件 Taro UI

Taro组件库是由京东·凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样,Web、ReactNative、微信小程序 等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

UI组件库Taro可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码。一套组件可以在微信小程序,H5 多端适配运行。

京东全能组件 Taro UI

小程序组件 WeUI

随着小程序的普及,微信也有很多内部小程序在开发,每个小程序都需要从零到1进行开发设计,而这个过程中,有大量的 UI 交互是重复的,而WeUI是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的 UI 组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。

小程序组件 WeUI

B端组件 DevUI

UI组件库DevUI 的价值观奠定了DevCloud品牌的基础。它是DevCloud的设计师们思考、工作的产物,反映了DevCloud的产品文化、设计理念和对客户的承诺。DevUI组件库的这些价值观贯穿于所有产品和面向客户的沟通和内容中。同时,它是DevUI设计原则的源头,为具体的设计方法提供启发和指引。UI组件库DevUI倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,是为多数人进行设计,拒绝哗众取宠、取悦眼球的设计。

B端组件 DevUI

你正在寻找免费的UI组件库吗?进入Pixso资源社区,马上一键调用大厂组件库。想要了解更多UI设计的知识吗,请前往 Pixso设计技巧专栏