如何设计组件库「设计智库」

今天给大家普及一下如何设计组件库「设计智库」相关知识，最近很多在问如何设计组件库「设计智库」，希望能帮助到您。

你还在自己埋头做设计吗？你听说过有组件库这个好用的东东吗？其实，目前各个大厂都有自己的组件库，不仅做的非常完备，还很方便应用到各个领域，拥有了这些组件库，就等于站在巨人的肩膀上做设计！今天，设计奶茶就为大家分享6个日常会用到的好用大厂设计组件库，不仅能大大的提高设计师的工作效率，在和前端开发对街上也节省不少时间。

WeUI- 微信小程序组件库Ant Design-蚂蚁金服组件库TDesign-腾讯桌面端组件库NutUI-京东组件库Element UI Kit-饿了么组件库Arco Design-字节跳动组件库WeUI- 微信小程序组件库

微信小程序组件库包含了图标、表单、弹窗、按钮、标题栏、导航栏等几个部分。设计简单、大气，适合在各类小程序中应用，超级的实用。也可以与其他小程序组建结合使用。

2、Ant Design-蚂蚁金服组件库

蚂蚁金服组件库是国内设计组件库的鼻祖，有一定工作经验的设计师最早都是用它。它不断迭代，内容非常丰富，也是目前各个行业设计师应用最多的一个组件库。无论是C端还是B端都可以用。

包括：通用图标、标签页、步骤条、锚点、多选框、上传、输入框、滑动输入条、徽标数、头像、进度条、通用按钮、分页、导航菜单、面包屑、下拉菜单、穿梭框、评分、单选框、选择器、日期、时间、文字提示、气泡卡片……（篇幅有限，此处省略若干字）

3、TDesign-腾讯桌面端组件库

腾讯桌面端组件库包括：徽标、通用类、操作类、ICON、文件类、输入、搜索框、进度条、级联选择器、日历、选择器、列表、表格、标签、文字提示、树结构。其中，日历、文字提示等区别于其他组件，是非常常用的日常组件内容。

4、NutUI-京东组件库

京东组件库包括：图形规则、操作反馈、布局、按钮、表单、视图、导航、颜色、特色组件。特别适合电商设计中用到的一些组件库。尤其是操作反馈这部分，能省去交互设计师很多的时间。

5、Element UI Kit-饿了么组件库

饿了么组件库包括：菜单、输入框、单选、按钮、通知、分页、表格、标签、进度条，这里的内容与京东组件库弥补了京东组件库中缺少的内容。如单选、通知部分，设计的很巧妙，可以为我们的简单的设计页面加不少分哦！

6、Arco Design-字节跳动组件库

字节跳动组件库包括：按钮、步骤条、导航、组件索引、元素、面包屑、日期选择器、页头&页脚、日期格式、链接、选择器单元、进度条、菜单面板。整套组件库设计风格比较新颖，如组件索引、日期格式、进度条等设计上操作明确并且细节到位。

ps：在Figma任性的抛弃中国用户的时候，我们也可以选择其他更好用的设计软件。很多国内软件已全面兼容Figma、sketch、XD文件，可以让你在各种软件的素材中无缝切换，并且他们还有自己的资源社区，上面介绍的常用组件库就可以直接调用，着实方便。