{{userData.name}}已认证

文章

关注

粉丝

￥{{role.user_data.money}}

您已完成今天任务的

精选18个大厂组件库源文件，今天都打包了！

UI
4月13日
编辑

Andrew?

2021年的第 12篇原创文章

距离2021年40篇原创目标还剩28篇

今天，给各位小伙伴精选了19个国内外大厂设计系统和组件库，并且都附上了简要说明。获取地址在文末，记得点赞收藏鸭~~

1.Apple UI Design

随iPhone12之后发布的iOS14设计系统，官网文档虽然没有material design那么具体细节，但是组件库相对丰富完善。而且如果设计师涉及到iOS端产品的设计，不论是理念还是规范都需要尽可能烂熟于心。

https://developer.apple.com/design/resources/

2.Microsoft Fluent Design System

微软发布的设计系统，目前在win10可以看到这个系统的全面运用，钢铁直男般的直角风格和亚克力材质让人记忆犹新。

https://www.microsoft.com/design/fluent/#/

3.Material Design

Google所发布的设计系统，一经推出便红遍全球，这款设计系统所产生的影响力无出其二，正是MD的存在，才涌现了antD、polaris那样一批优秀的设计语言。

话说Material You跟随Android 12发布后一直没有在官网更新资源，还挺期待的。

https://material.io/resources

4.微信小程序

微信团队推出的小程序组件库，如果有小伙伴有微信端设计需求，这个是必看的~

https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87

5.antDesign

受Material Design的启发，由蚂蚁金服团队在2016年发布。antD是国内首个使用原子设计理论而搭建的设计系统。它最大的亮点是为开发小锅提供了开箱即用的组件框架，并且也覆盖了绝大部分的应用场景。对于B类中后台产品的开发极为友好和易用，而且目前还在不断得更新，参考价值相当高。

https://ant.design/index-cn

6.手淘购物小程序

购物小程序组件库，电商相关的场景搭建可酌情参考。

7.手机qq小程序

qq小程序组件库。

8.京东TaroUI

凹凸实验室为京东Taro定制的一套多端UIKit，场景和组件类型非常全面，而且像antD一样有自己的wiki文档。网站也提供了小程序和h5供体验。

https://taro-ui.jd.com/#/docs/introduction

9.滴滴金融

滴滴金融团队发布的面向金融场景的UI组件库，如果有小伙伴做金融行业设计的组件库，那么它是绝佳的参考对象。

https://didi.github.io/mand-mobile/#/zh-CN/home

10.饿了么element

饿了么团队倾情打造的网站快速成型工具，基于vue2.0的前端组件库，很多设计理念和组件样式参考了antD。

https://element.eleme.cn/#/zh-CN

11.钉钉Ding UI

钉钉团队发布的Ding UI 4.0，组件类型全面丰富。而且每类组件都做了页面分层，便于查找取用。

https://developers.dingtalk.com/document/design-specification/download-resources

12.有赞Zan Design

有赞团队打造的服务于Saas产品的设计系统，和antD有很对共通之处。包括移动端和pc端。

https://design.youzan.com/resource/resource.html

13.奥迪UIkit

对，就是大马路上跑的那个奥迪。虽然是车的品牌，但奥迪同样创建了独有的设计语言来保证线上、线下、多端场景的连续体验。

14.Messenger UIkit

Messenger是facebook旗下即时聊天工具，这款UIkit正是由它发布。不过在17年发布之后一直没有更新，相对比较老旧，不过依然有不错的参考价值。

15.Aliteambition-Clarity

阿里旗下teambition团队发布的pc端B类组件库，包含了aone基础类、业务类和icon类，非常详尽全面。

https://design.teambition.com/overview

16.Atlassian

Atlassian是澳大利亚一家以jira、trello协作工具而闻名于世的公司（jira应该很多同学所在公司都在用，国内普及挺高的），这些工具已在全球数万的团队内部使用。而Atlassian发布的设计系统历史悠久，涵盖了品牌、产品、营销相关的设计规范及理念，丰富程度仅次于material design，参考价值非常大。

https://atlassian.design/