2022 这些免费开源设计组件库,还不知道你就Out了!

对于一个优秀的设计师都会有自己的设计组件库,它可以帮你在工作上节省你大部分时间,高效提升效率,保证统一性!如果你之前还没有组件化思维,那么希望你今天看完这篇文章对你有帮助。
为了方便大家使用,所有组件库地址已经汇总放在文章底部,如果你感兴趣,想更好提升设计思维,可以去领取,学习!

当然,如果通过自己去建立组件库,其实不是一件简单的事情,那怎么办呢?所以今天我就给大家分享几款免费开源组件库,都是大厂出品的,并且提供组件库源文件,源代码!强烈建议大家可以去看看!在设计之路会给你提供很大的便利性,慢慢你就会对组件库思维有很大的理解,后续就会成立自己的组件库了!
01
ArcoDesign

基于 Byte Design 升级而来,能力全面的企业级产品设计系统,提供系统且全面的设计规范和资源,覆盖产品设计、UI 设计以及后期开发React 和 Vue 同步支持。

提供:Figma / Sketch / Axure 设计源文件,注意,如果大家没有Mac电脑,Sketch支持XD打开。还有一套图标库,虽然不多,基本上够用!不过他们设计源文件是英文版,面向国际化。

02
Vant
主要针对移动端与小程序设计组件库,Vant 是有赞前端开源的组件库 2017 年开源,已持续维护 4 年时间。目前Vant官方提供了Vue 2版本、Vue 3版本和微信小程序版本,并由社区团队维护React版本。
提供:Sketch / Axure元件库,注意,如果大家没有Mac电脑,Sketch支持XD打开。提供图标,在iconfont.cn上。全中文版。

03
Ant Design

企业级产品设计体系,创造高效愉悦的工作体验,简洁易用,提供多种设计资源模板下载。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观,通过模块化解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。

提供:桌面组件 Sketch 模板包,移动端组件 Sketch 模板包,Axure 部件库,Figma ,桌面组件 Chart 模板包,墨刀原型设计,即时设计全套组件和模板。

04
TDesign

TDesign 具有统一的设计价值观,一致的设计语言和视觉风格,帮助用户形成连续、统一的体验认知。在此基础上,TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产,以优雅高效的方式将设计和研发从重复劳动中解放出来,同时方便大家在 TDesign 的基础上扩展,更好的的贴近业务需求。因为是去年推出的,目前有些版本还是待测试中,个人比较看好的组件库。全中文化。

提供:桌面端,移动端,小程序,Figma,Sketch,AdobeXD,Axure设计组件源文件。

05
Element
专门为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端组件库,使用现成的UI组件库,能快速搭建项目,后期也容易维护,在敏捷开发项目中尤为常见。设计师可以下载设计文件,在做设计图时直接使用模板,既能快速出图,也保证了前端还原实现。
提供:Axure 组件,草图模板。

06
Taro
Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。一套基于 Taro 框架开发的多端 UI 组件库。
提供:Sketch,Axure组件源文件。

07
KPC

支持多框架的前端高质量组件库,同时支持Intact/Vue/React/Angular框架,忠于原生,增强原生,在保持浏览器原生特性的基础上,增强交互能力,便捷开发,支持按需加载,主题定制,国际化等特性并且提供了配套的脚手架方便快速初始化项目。封装了40多个 PC 端常用的组件,开箱即用。

提供:AxureSketch,King Vision组件源文件。

总结

以上就是我比较常用一些组件库,当然还有更多开源组件库。他们本质上差别不是太大,只不过每家的设计思维会不同,根据自己的项目需求,选择合适组件库,吸收其中思想,让设计更具有合理性,统一性,使工作效率更快提升。多看,站在巨人的肩膀学习,你们会更快提升设计思维。升职加薪,掌握其中核心思想,传递更好的给用户

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
图酷网温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:group@tucool.cn,我们将第一时间处理!

2.素材所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有素材仅限于参考和学习,版权归原作者所有,更多请阅读图酷网络服务协议。

给TA打赏
共{{data.count}}人
人已打赏
灵感采集

这逆天的效果,竟然10秒可以做出来!

2022-1-19 23:30:10

灵感采集

高级美!渐变色在设计中有哪些妙用?

2022-1-21 0:39:57

⚠️
版权声明:图酷网所提供的文章、教程等内容均为用户发布整理而来,仅供学习参考,。
若您的权利被侵害,请联系站长 QQ: 57143067 或 点击右侧 私信:图酷V 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧