最近几年,设计系统非常火。不管是 2C 还是 2B,很多大公司(甚至是政府)都构建了自己的设计系统。如果你想学习别人是如何搭建设计系统、组件库和交互规范,最快的方式就是研究他们的设计源文件。
△ alexpate/awesome-design-systems
△ Examples
△ Adele – Design Systems and Pattern Libraries Repository
从这些 Design System Repo 中可以看出,大部分设计团队都选择用 Sketch 来搭建设计规范和可复用的组件库。这里收集了 24 个公开的官方 Sketch 组件库,源文件资源可以下载。
下载地址:Design Resources – Apple Developer
下载地址:Sticker sheets & icons – Resources – Material Design
下载地址:A UI Design Language
下载地址:Downloads – Lightning Design System
下载地址:Predix Design System
下载地址:Resources – Shopify Polaris
下载地址:https://vmware.github.io/clarity/news
下载地址:Blueprint – Documentation
下载地址:Web GUI pack | Atlassian Design
下载地址:Nutanix UI Visual Guideline 2.0
下载地址:Nachos | Trello
下载地址:Carbon Design System
下载地址:Priceline One Design System
下载地址:Design Universal Windows Platform (UWP) apps
下载地址:https://designsystem.digital.gov/getting-started/designers/
下载地址:http://designsystem.morningstar.com/getting-started.html
下载地址:Element
下载地址:MongoDB Design
下载地址:User Interface / UI Introduction
下载地址:Grommet
下载地址:weui/weui-design
下载地址:macOS UI Library
下载地址:Mand Mobile
下载地址:Cosmos – Auth0 Design System
Automate-Sketch 插件的作者 @Ashung Hung 出了一款新插件 Ashung/design-systems,可以快速帮你找到最新的设计系统。
△ https://github.com/Ashung/design-systems
作者社交网络账户:
图片素材作者:rybaki