最新干货：做中后台设计必须了解的优秀设计体系
所属企业
Salesforce是一家客户关系管理(CRM) 软件服务提供商，总部设于旧金山。虽然其大部分收入来自客户关系管理（CRM）产品，但Salesforce还销售一套补充的企业应用程序，专注于客户服务，营销自动化，分析和应用程序开发。
产品目标
Create the world's best enterprise app experiences.
官方最新设计资源直达
点击下载⏬
所属企业
Atlassian是澳大利亚的企业软件公司，它以其问题跟踪应用程序Jira及其团队协作和维基产品Confluence而闻名，2017年收购协作服务Trello。
产品目标
Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.
官方最新设计资源直达
点击下载⏬
所属企业
Shopify是一个加拿大的电子商务公司，总部设在渥太华，安大略省。它也是其专有的在线商店和零售销售点系统电子商务平台的名称。Shopify为在线零售商提供一套服务“包括支付，营销，运输和客户互动工具，以简化为小商户运营在线商店的过程。”
产品使命
Make commerce better for everyone, no matter where they’re located or their level of experience
官方最新设计资源直达
点击下载⏬
写在前面
本文适合从事企业中后台系统设计或者对这方面感兴趣的设计师，以及在做前端组件化的开发小伙伴阅读。给大家整理了一些Sketch UI Kit链接放在文末，作为小福利送给大家，感兴趣的可以下载研究～
笔者近期在从事企业级中后台产品的组件化设计，为了更好的开展工作，做了一些关于组件化和设计系统的市场调研，过程中收集了一些竞品。现在把收集到的这些产品分享出来，目前不做深度分析和评价，对这方面感兴趣的小伙伴可以另行研究或者添加本人微信（WeChat ID:627270092），相互交流学习。后面我也会结合自己的实际工作对于如何从0开始做一套Design System做一些技术和方法论的分享。
下面给大家分享13个关于前端设计系统的网站，开发框架涉及React、Vue、Angular、Bootstrap , 移动端和web端组件库都有。
官方实现：React、Angular ， 支持web端和移动端 ，同时提供强大的AntV数据可视化解决方案
最近风头正火的蚂蚁金服在2018年年初更新的 Ant Design 3.0 , 基于Atomic Design思想打造的面向行业提供解决方案的设计系统，相信已经有跟多前端小伙伴已经尝到了使用这套系统的甜头。
官方提供的设计资源 Ant.Design.3.0.Components.sketch 密码:yn5f
实现框架：Vue ， 支持web端
Aresn的这套基于 Vue.js 的开源 UI 组件库可以说是在Ant Design官方推出Vue实现之前对其实现方式的补充，当然现在蚂蚁已经自己也实现了Vue版。但这并不妨碍iView的继续发展。
无相关设计资源可供下载
官方实现：web端采用React、移动端和微信小程序基于Vue
多年来，我们给来自不同行业的几百万商家提供着服务。这样足够丰富的客户和足够丰富的需求环境，让有赞沉淀了不少关于产品设计的经验和方法，我们愿意将这些经验完整地共享出来，希望可以帮助更多同行提高产品设计和研发效率。
我们将这些思考和沉淀，抽象形成了一些稳定且高复用性的内容，逐渐打磨出一套服务于产品设计的设计模式和实践方法：Zan Design。
>点击直达设计资源<
Zan Design 主要包括产品原则、设计原则、内容策略、布局与模式、视觉、动效、资源、组件等几大部分组成。
官方实现：Vue ，支持移动端
滴滴的移动组件库，具有明显的滴滴风格。感兴趣的可以研究。
无相关设计资源可供下载
官方实现： Vue 2.0、 Angular ，支持web端
官方提供的设计资源 Element UI Kit_v2.0.sketch 密码:plnx
官方实现：React ，支持web端
官方实现：React，支持web端
飞冰是一套基于 React 的中后台应用解决方案，在阿里巴巴内部，已经有 270 多个来自几乎所有 BU 的项目在使用。经过 2 年的发展，飞冰已经是中后台 2.0 体系，这个阶段中我们的目标是赋能企业、组织搭建自己的中后台体系。飞冰包含了一条从设计端到开发端的完整链路，帮助我们的用户快速搭建属于自己的中后台应用。
官方实现：React ，支持web端
官方实现：Vue2.0 ，支持web端
基于 Vue 2.0 优雅的 Material Design UI 组件库。Muse UI 拥有40多个UI 组件，用于适应不同业务环境。Muse UI 自定义主题方式极为优雅，仅需少量代码即可完成主题样式替换。
Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库。
Taro 是由 京东·凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。
官方实现：React、Angular ，支持web端
官方提供的设计资源 Carbon Design Kit.sketch 密码:yyjj
官方实现：React ，支持web端
经典模块化前端框架
由职业前端倾情打造，面向全层次的前后端开发者，低门槛开箱即用的前端 UI 解决方案
福利
笔者收集整理的一些关于搭建一套设计系统的组件库参考 设计资源大礼包 提取码: wgix ，欢迎下载～
谢谢阅读！希望读完能对你有一点帮忙～
Powered by Froala Editor
道阻且长，越努力越幸运
4
作品
30
粉丝
32
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册