1.Element

Element，一套為開發(fā)者、設計師和產(chǎn)品經(jīng)理準備的基于 Vue 2.0 的桌面端組件庫。

餓了么設計規(guī)范：網(wǎng)站快速成型工具

資源下載：設計規(guī)范組件下載

餓了么設計規(guī)范

2.Ant Design & Ant Design Pro

服務于企業(yè)級產(chǎn)品的設計體系，基于確定和自然的設計價值觀上的模塊化解決方案，讓設計者和開發(fā)者專注于更好的用戶體驗。

Ant Design：A UI Design Language

資源下載：資源和工具下載

Ant design

開箱即用的中臺前端/設計解決方案

Ant Design Pro：開箱即用的中臺前端/設計解決方案

Ant design pro

3.Clarity Design

Clarity Design 是一套全面的設計語言，從設計原則到字體排版，從交互到文案，從動效到樣式，從組件到設計工具… 提供了各種解決方法和指導，設計師和工程師可以快速找到相關的指導內(nèi)容，有效地幫助完善工作并且提高效率。

Teambition 設計規(guī)范：Clarity Design should be used as a guide, design tool.

Teambition 設計規(guī)范

4.微信小程序

基于微信小程序輕快的特點，我們擬定了小程序界面設計指南和建議。設計指南建立在充分尊重用戶知情權與操作權的基礎之上。旨在微信生態(tài)體系內(nèi)，建立友好、高效、一致的用戶體驗，同時最大程度適應和支持不同需求，實現(xiàn)用戶與小程序服務方的共贏。

微信小程序設計規(guī)范：微信小程序設計指南

資源下載：設計規(guī)范組件下載

微信小程序

5.iOS Human Interface Guidelines

Learn how to optimize the design of your app or game for the all-screen displays of iPhone XS, iPhone XS Max, and iPhone XR.

Apple 設計規(guī)范：Designing for iPhone

apple 設計規(guī)范

6.Material Design

Learn how to customize Material Design to change the look and feel of your UI, expressing brand and style through elements like color, shape, typography, and iconography.

谷歌設計規(guī)范：Create intuitive and beautiful products with Material Design.

插件下載：Material Theme Editor

Material Design System

7. Fluent Design

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

微軟設計規(guī)范：Fluent Design System

Fluent Design System

8. Atlassian Design

Use Atlassian’s end-to-end design language to create straightforward and beautiful experiences.

Atlassian 設計規(guī)范：Design, develop, and deliver

資源下載：Resources

Atlassian Design System

9.Airbnb Design

Airbnb 設計：Building a Visual Language

Airbnb Design System

10.Nachos

Trello 設計規(guī)范：Nachos is Trello's design system

資源下載：Resources

Trello Design System

11.Lightning Design

Salesforce 設計規(guī)范：Create the world’s best enterprise app experiences.

資源下載：Resources

Salesforce Design System

12.Polaris

Shopify 設計規(guī)范：Our design system helps us work together to build a great experience for all of Shopify’s merchants.

資源下載：Resources

Shopify Design System

13.Carbon Design System

IBM 設計規(guī)范: Carbon is IBM's open-source design system for digital products and experiences.

資源下載：Resources

IBM Design System

14. Zent

Zent 是有贊 PC 端 WebUI 規(guī)范的 React 實現(xiàn)，提供了一整套基礎的 UI 組件以及一些常用的業(yè)務組件。

目前我們有 50+ 組件，這些組件都已經(jīng)在有贊的各類 PC 業(yè)務中使用，我們會在此基礎上，持續(xù)開發(fā)一些新組件。

我們的目標是讓 React 項目開發(fā)更快、更簡單。

有贊設計規(guī)范：基于 React 好看、好用，業(yè)務組件豐富

有贊設計規(guī)范

15. iView

iView 是一套基于 Vue.js 的開源 UI 組件庫，主要服務于 PC 界面的中后臺產(chǎn)品。

TalkingData 組件庫：開源UI組件庫

TalkingData 組件庫

16.飛冰

飛冰是一套基于 React 的中后臺應用解決方案，在阿里巴巴內(nèi)部，已經(jīng)有 270 多個來自幾乎所有 BU 的項目在使用。經(jīng)過 2 年的發(fā)展，飛冰已經(jīng)是中后臺 2.0 體系，這個階段中我們的目標是賦能企業(yè)、組織搭建自己的中后臺體系。飛冰包含了一條從設計端到開發(fā)端的完整鏈路，幫助我們的用戶快速搭建屬于自己的中后臺應用。

飛冰組件庫：海量可復用物料，配套桌面工具極速構(gòu)建前端應用，效率提升 100%

軟件下載：Iceworks 是 ICE 推出的輔助開發(fā)者快速開發(fā)中后臺前端應用的 GUI 軟件