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

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

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


alexpate/awesome-design-systemsgithub.com图标Examplesstyleguides.io图标Adele – Design Systems and Pattern Libraries Repositoryadele.uxpin.com图标Design Systems Repodesignsystemsrepo.com图标


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


如有遗漏,欢迎 @ 我。我会及时补充更新。谢谢!🙏


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

微云分享share.weiyun.com图标

1. Apple UI Design Resources

下载地址: Design Resources - Apple Developer


2. Google Material Design

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


3. Ant Design 蚂蚁金服

下载地址: A UI Design Language


4. Salesforce Lightning Design System

下载地址: Downloads - Lightning Design System


5. GE Predix Design System

下载地址: Predix Design System


6. Shopify Polaris

下载地址: Resources - Shopify Polaris


7. VMware Clarity

下载地址: vmware.github.io/clarit


8. Palantir Blueprint

下载地址: Blueprint - Documentation


9. Atlassian

下载地址: Web GUI pack | Atlassian Design


10. Nutanix Design System

下载地址: Nutanix UI Visual Guideline 2.0


11. Trello Nachos

下载地址: Nachos | Trello


12. IBM Carbon

下载地址: Carbon Design System


13. Priceline Design System

下载地址: Priceline One Design System


14. Microsoft Fluent Design System

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


15. U.S. Web Design System

下载地址: designsystem.digital.gov


16. Morningstar Design System

下载地址: designsystem.morningstar.com


17. Element 饿了么

下载地址: Element


18. MongoDB Design

下载地址: MongoDB Design


19. Audi

下载地址: User Interface / UI Introduction


20. Hewlett Packard Grommet

下载地址: Grommet


21. WeUI 微信

下载地址: weui/weui-design


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

下载地址: macOS UI Library


23. Mand Mobile 滴滴

下载地址: Mand Mobile


24. Auth0 Cosmos

下载地址: Cosmos - Auth0 Design System


25. Microsoft Office UI Fabric

下载地址: developer.microsoft.com


再安利一个 Sketch 插件

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

https://github.com/Ashung/design-systemsgithub.com图标

欢迎关注我的专栏:

设计研习社zhuanlan.zhihu.com图标


如果觉得我的文章对您有点帮助,请打赏或点个赞吧。👍

您的鼓励是我前进的动力,谢谢支持!


了解更多

Jamie Fang:为什么产品研发团队要做一套自己的组件库?zhuanlan.zhihu.com图标Jamie Fang:版本控制工具 Abstract 是如何提升设计团队协作效率的?zhuanlan.zhihu.com图标Jamie Fang:扫盲贴: 教你如何 6 步快速上手设计师神器 Abstractzhuanlan.zhihu.com图标

编辑于 2018-05-21

文章被以下专栏收录