大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

最近几年,设计系统非常火。不管是 2C 还是 2B,很多大公司(甚至是政府)都构建了自己的设计系统。如果你想学习别人是如何搭建设计系统、组件库和交互规范,最快的方式就是研究他们的设计源文件。

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

△ alexpate/awesome-design-systems

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

△ Examples

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

△ Adele – Design Systems and Pattern Libraries Repository

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

△ Design Systems Repo

从这些 Design System Repo 中可以看出,大部分设计团队都选择用 Sketch 来搭建设计规范和可复用的组件库。这里收集了 24 个公开的官方 Sketch 组件库,源文件资源可以下载。

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

△ 合集下载链接(2018/05/08 更新)

1. Apple UI Design Resources

下载地址:Design Resources – Apple Developer

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

2. Google Material Design

下载地址:Sticker sheets & icons – Resources – Material Design

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

3. Ant Design 蚂蚁金服

下载地址:A UI Design Language

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

4. Salesforce Lightning Design System

下载地址:Downloads – Lightning Design System

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

5. GE Predix Design System

下载地址:Predix Design System

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

6. Shopify Polaris

下载地址:Resources – Shopify Polaris

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

7. VMware Clarity

下载地址:https://vmware.github.io/clarity/news

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

8. Palantir Blueprint

下载地址:Blueprint – Documentation

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

9. Atlassian

下载地址:Web GUI pack | Atlassian Design

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

10. Nutanix Design System

下载地址:Nutanix UI Visual Guideline 2.0

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

11. Trello Nachos

下载地址:Nachos | Trello

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

12. IBM Carbon

下载地址:Carbon Design System

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

13. Priceline Design System

下载地址:Priceline One Design System

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

14. Microsoft Fluent Design System

下载地址:Design Universal Windows Platform (UWP) apps

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

15. U.S. Web Design System

下载地址:https://designsystem.digital.gov/getting-started/designers/

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

16. Morningstar Design System

下载地址:http://designsystem.morningstar.com/getting-started.html

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

17. Element 饿了么

下载地址:Element

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

18. MongoDB Design

下载地址:MongoDB Design

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

19. Audi

下载地址:User Interface / UI Introduction

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

20. Hewlett Packard Grommet

下载地址:Grommet

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

21. WeUI 微信

下载地址:weui/weui-design

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

22. macOS UI Library (非官方,由 Sketch 团队维护)

下载地址:macOS UI Library

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

23. Mand Mobile 滴滴

下载地址:Mand Mobile

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

24. Auth0 Cosmos

下载地址:Cosmos – Auth0 Design System

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

再安利一个 Sketch 插件

Automate-Sketch 插件的作者 @Ashung Hung 出了一款新插件 Ashung/design-systems,可以快速帮你找到最新的设计系统。

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

https://github.com/Ashung/design-systems

作者社交网络账户:

图片素材作者:rybaki

「设计系统好文合集」

================明星栏目推荐================

优优教程网 UiiiUiii.com优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

点赞 27
收藏 335
继续阅读相关文章

发表评论 已发布 15

还可以输入 800 个字
 
 
载入中....
15 收藏