编辑导语： 组件库是设计系统里的一个重要分支，一个符合的组件库可以辅佐设计师和开拓者提高事情效率；本文作者分享了关于各个大厂已经成形的组件库，一起来看一下。

最近为了给部分拟定公道的设计类型，利便各个团队更好的高效协作；为此参考了很多海表里优秀的设计类型，趁着这次时机做一个整理，并且这些设计类型根基上都是附带 Sketch 源文件的。

但实际上组件库的整理事情也是较量繁复的，我们在开始之前，需要去判定什么环境下组件库可以真正为我们节减事情量晋升效率；而这些已经成形的组件库，很是值得各人下载进修、参考和利用。

一、大厂 1. ANT Design（蚂蚁金服）

蚂蚁金服出品，很是著名的框架；企业级产物的设计系统，许多公司的项目都在利用，并且提供了对设计师友好的Sketch类型文件，可以直接拿来用。

官方链接：https://ant.design/

源文件类型下载：https://ant.design/docs/resources

移动端： AntDesignMobile Template V1.0.sketch

首页： Ant.Design.home-3.0.sketch

Pro： Ant.Design.Pro.sketch

web端： Ant.Design.3.0.Components.sketch

2. AntV Charts（蚂蚁金服）

AntV是蚂蚁金服全新一代数据可视化办理方案，致力于提供一套简朴利便、专业靠得住、无限大概的数据可视化更佳实践。（包括PC和移动端）

源文件类型下载：https://antv-2018.alipay.com/zh-cn/vis/resource/index.html

附件下载： AntV.Charts.sketch

3. Element UI（饿了么）

这是由饿了么 UED 设计开拓的基于 Vue 的前端组件库，固然在许多交互模式和组件样式以及设计理念上都参考了 Ant Design，可是也做了一些本身的修改和调解。

他们同样也推出了 Axure 元件库文件以及 Sketch 组件库，有乐趣的伴侣可以参考研究一下。

源文件类型下载：https://element.eleme.cn/#/zh-CN/resource

附件下载： Element UI Kit_v2.0.sketch

3. Zan Design System（有赞）

处事于 SaaS 产物的设计体系。毗连设计和开拓，让协作变得高效简朴；通过沉淀差异行业、场景的履历和思考，敦促社交生态内的用户体验一致性。

源文件类型下载：https://design.youzan.com/resource/resource.html

桌面端视觉类型： Zan Desgin PC_2.0_beta.sketch

视觉类型： Zan Design Vant 视觉类型 V3.0 .sketch

元件库： Zan Design Vant 元件库 TC_ZY.zip

4. Mand Mobile（滴滴）

面向金融场景的Vue移动端UI组件库，富厚、机动、实用，快速搭建优质的金融类产物，让巨大的金融场景变简朴。

源文件类型下载：https://didi.github.io/mand-mobile/#/en-US/design/other/resource

5. Taro UI（京东）

Taro UI，一套基于 Taro 框架开拓的多端 UI 组件库，可以在微信小措施 / H5 / ReactNative 等多端适配运行。京东用户体验设计部的凹凸尝试室出品。

源文件类型下载：https://taro-ui.aotu.io/#/docs/resource

附件下载： TaroUI.sketch

Axure部件库： taroui-rplib1565263474229.zip

6. AT UI（京东）

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开拓 PC 网站中靠山产物。

源文件类型下载：https://at-ui.github.io/at-ui/#/zh/resource/design

附件下载： feather.sketch

7. WeUI（微信）

由微信团队推出的可以用于微信小措施设计的 Sketch 组件库，用起来也很利便，有微信端设计需求的伴侣可以参考。

源文件类型下载：https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87

8. QMUI（腾讯）

QMUI，腾讯出品，分为Web、iOS、安卓三个端，都有相应的dome下载安装；设计师可以下载安卓和iOS应用，常常看看内里的组件，熟悉后，和技能的协作会更有效率。

官方文档：https://qmuiteam.com/web/page/widget.html

二、海外 1. Apple UI Design Resources

iOS 的设计类型其实并没有 Material Design 那么详细和细节，但作为一个 iOS 平台的设计人员照旧需要把它们的设计理念烂熟于胸。

对付 iOS 平台的 Sketch 组件库，我只推荐两个，一个是 Facebook 推出的 iOS 10 组件库，别的一个是由 Apple 官方推出的组件库，同样都有 Sketch 源文件。

源文件类型下载：https://developer.apple.com/design/resources/

2. Android Material Design

由 Google 设计团队推出的 Material Design 一经宣布就红遍了全球设计界，多个富有打破性的设计理念，将理性与感性相团结的完美尺度，使得越来越多的人基于 Material Design 建造了本身产物的设计类型。

除了谷歌官方的 Sketch 组件库外，尚有一个基于 Material Design 色板的 Sketch 源文件下载，用起来很是利便。

源文件类型下载：https://material.io/resources#sticker-sheets-icons-components

Material Design 官方相关源文件下载

Material Design 色板 Sketch 源文件下载

3. Clarity Design