推荐

Design Systems Repo

收集了大量的优秀产品的设计体系、样式库，从优秀的体系化设计中获得灵感。

立即查看

Design better

Invision 的项目，已发布多本设计相关电子书籍，推荐阅读，质量上程。

立即查看

设计体系导航

中文设计体系

阿里巴巴 Xconsole

Xconsole的诞生是一个不断积累、验证、聚合的过程，是对大型复杂产品簇设计方法深度思考后的结果。

阿里妈妈

一致性是用户体验设计的根本

DiDi mand mobile

灵活快速、丰富实用；用于敏捷搭建差异化的金融类产品，力求让复杂场景变得简单，辅助用户认知提效。

Teambition

希望设计师能够从重复的劳动中获得解脱，打破设计师与工程师的隔阂，让大家的协作变得更流畅和高效。

LEGAO To B Design

京东零售用户体验设计部打造的一套 PC 端的 UI 基础组件库。

KEDC

贝壳:从服务出发 ，打造未来居住新体验

Alibaba Fusion Design

企业级的中后台设计系统解决方案

TDesign

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。

Arco design

[字节跳动] Arco 致力于探索更优质的设计体系，以解决复杂的业务以及冗余的沟通带来的体验问题，彻底解放开发及设计师的双手

Semi Design

由 [字节跳动] 抖音前端与 UED 团队设计、开发并维护，包含设计语言、React 组件、主题等开箱即用的中后台解决方案，帮助设计师与开发者打造高质量产品。

Zan Design

[有赞] 多年来，我们给来自不同行业的几百万商家提供着服务。让有赞沉淀了不少关于产品设计的经验和方法，我们将这些经验完整地共享出来。

Taro UI

Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库

Ant design

服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

Element

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

英文设计体系

Atlassian design

出品jira、Confluence、trello等众多知名互联网工具的公司

lightning design system

Create the world’s best enterprise app experiences.

Microsoft fluent

Learn how to design and develop apps using the Fluent Design System.

carbon design system

The Carbon Design System is IBM’s open-source design system for products and experiences.

Shopify Polaris

Our design system helps us work together to build a great experience for all of Shopify’s merchants

Material Design

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.

Mailchimp

全球知名邮件服务商 Mailchimp 的 UX 设计规范

Github Primer

Resources, tooling, and design guidelines for building interfaces with GitHub’s design system.

Yelp

The styleguide is a resource for designers, product managers, and developers, providing a common language around Yelp’s UI patterns.

Clarity

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

Duolingo

知名语言学习工具

BBC UX&D

Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen.

samsung One UI

One Thought, One UI

设计体系资源

Fluent Design System

No need to start from scratch.

MDL2 icons Sketch Web toolkit Sketch iOS toolkit Sketch Android toolkit Figma plugin Sketch plugin Adobe XD plugin Figma Web toolkit Figma iOS toolkit Figma Android toolkit Figma Android toolkit

Ant design

企业级产品设计体系，创造高效愉悦的工作体验

mobile Chart 组件包 Sketch Ant design landing Kitchen plugin Ant UX Figma 开源组件包 Figma 组件包

Material design

Meet Material Design 3, Google’s most expressive and adaptable design system yet

Sketch Design kit Adobe XD Design Kit Figma Baseline Design Kit Figma Dark Theme Design Kit

Github Primer

Design, build, and create with GitHub’s design system

Octicons - GitHub's icon set Figma Accessibility tools

Lightning Design System

Create the World’s Best Enterprise App Experiences

icons Sketch plugin

Carbon Design System

Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

Sketch

Atlassion

Design, develop, deliver. Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.

Figma

• 其它
• Find guidelines (opens new window) ❤️
• Website Style Guide Resources (opens new window)
• Apple Design Resources (opens new window)
• Human Interface Guidelines (opens new window)
• The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer (opens new window)