上一篇文章，我們講了2023的10大設(shè)計(jì)系統(tǒng)。這一期，我們來解釋一下設(shè)計(jì)系統(tǒng)的定義，以及在國內(nèi)，都有那些優(yōu)秀的設(shè)計(jì)系統(tǒng)可以學(xué)習(xí)，希望可以幫到大家。

什么是設(shè)計(jì)系統(tǒng)（Design System)？

設(shè)計(jì)系統(tǒng)（Design System）是一套綜合性的指導(dǎo)原則、組件和規(guī)則，它協(xié)助團(tuán)隊(duì)以一致、高效的方式設(shè)計(jì)和開發(fā)數(shù)字產(chǎn)品。設(shè)計(jì)系統(tǒng)通常包括以下幾個(gè)關(guān)鍵要素：

1. 設(shè)計(jì)原則和規(guī)范：這些是設(shè)計(jì)決策的基礎(chǔ)，包括品牌指導(dǎo)、用戶體驗(yàn)原則等。
2. UI組件庫：一套預(yù)先設(shè)計(jì)好的用戶界面元素，如按鈕、輸入框、導(dǎo)航欄等，這些元素可以在多個(gè)項(xiàng)目中重復(fù)使用。
3. 代碼組件：與UI組件相對(duì)應(yīng)的前端代碼，它們使設(shè)計(jì)能夠直接轉(zhuǎn)化為軟件開發(fā)中的實(shí)際元素。
4. 文檔和指南：詳細(xì)記錄了如何使用設(shè)計(jì)系統(tǒng)的各個(gè)組件和原則，通常以在線格式提供，方便團(tuán)隊(duì)成員查閱。
5. 工具和資源：支持設(shè)計(jì)和開發(fā)流程的各種工具，如設(shè)計(jì)模板、代碼庫、設(shè)計(jì)軟件的插件等。

設(shè)計(jì)系統(tǒng)的主要目的是確保品牌和用戶體驗(yàn)的一致性，同時(shí)提高跨團(tuán)隊(duì)的工作效率。通過使用設(shè)計(jì)系統(tǒng)，組織能夠更快地設(shè)計(jì)和開發(fā)產(chǎn)品，同時(shí)保持產(chǎn)品的質(zhì)量和一致性。

為什么要?jiǎng)?chuàng)建設(shè)計(jì)系統(tǒng)（Design System)？

1. 提高效率：設(shè)計(jì)系統(tǒng)提供了一套可重用的組件和規(guī)則，使得開發(fā)人員和設(shè)計(jì)師可以快速構(gòu)建新頁面或功能，而不需要每次都從零開始。這意味著團(tuán)隊(duì)可以更快地推出新產(chǎn)品或更新。
2. 確保一致性：設(shè)計(jì)系統(tǒng)確保了產(chǎn)品在視覺和用戶體驗(yàn)上的統(tǒng)一性。不論團(tuán)隊(duì)規(guī)模如何，它幫助所有人遵循同樣的設(shè)計(jì)準(zhǔn)則和風(fēng)格，使得最終產(chǎn)品在不同頁面和功能間保持一致的外觀和感覺。
3. 促進(jìn)團(tuán)隊(duì)協(xié)作：設(shè)計(jì)系統(tǒng)作為一個(gè)共享的資源庫，促進(jìn)了不同角色（如設(shè)計(jì)師、開發(fā)人員、產(chǎn)品經(jīng)理）之間的理解和溝通。它提供了一個(gè)共同的語言和參考點(diǎn)，幫助團(tuán)隊(duì)成員更好地協(xié)作和交流。
4. 減少錯(cuò)誤和重復(fù)工作：有了一套明確的指導(dǎo)和組件，團(tuán)隊(duì)成員在創(chuàng)建設(shè)計(jì)或編寫代碼時(shí)更不容易出錯(cuò)。這也減少了因不一致或錯(cuò)誤而需要的修改和迭代。
5. 易于維護(hù)和更新：隨著產(chǎn)品的發(fā)展，設(shè)計(jì)系統(tǒng)使得維護(hù)和更新變得更加容易。更新一次設(shè)計(jì)規(guī)則或組件，可以自動(dòng)應(yīng)用到整個(gè)產(chǎn)品中。

設(shè)計(jì)系統(tǒng)是為了提升團(tuán)隊(duì)工作的效率和質(zhì)量，確保產(chǎn)品在不斷演變的過程中保持一致性和可維護(hù)性。

可以從他們身上學(xué)到什么（Study)？

從設(shè)計(jì)系統(tǒng)中，無論是作為設(shè)計(jì)師、開發(fā)者還是產(chǎn)品經(jīng)理，都可以學(xué)到許多寶貴的知識(shí)和技能：

1. 設(shè)計(jì)和編碼最佳實(shí)踐：設(shè)計(jì)系統(tǒng)展示了如何有效地應(yīng)用設(shè)計(jì)原則和編碼標(biāo)準(zhǔn)。通過研究和使用設(shè)計(jì)系統(tǒng)，你可以了解到關(guān)于顏色理論、排版、用戶界面布局、交互設(shè)計(jì)等方面的最佳實(shí)踐。
2. 一致性和可復(fù)用性：學(xué)習(xí)如何創(chuàng)建可重復(fù)使用的組件和設(shè)計(jì)模式，以及如何在不同項(xiàng)目中保持視覺和功能上的一致性。這對(duì)于提升工作效率和保持產(chǎn)品品質(zhì)至關(guān)重要。
3. 跨團(tuán)隊(duì)協(xié)作：設(shè)計(jì)系統(tǒng)強(qiáng)調(diào)了團(tuán)隊(duì)成員間的協(xié)作重要性。它教你如何與其他設(shè)計(jì)師、開發(fā)人員和利益相關(guān)者有效溝通和協(xié)作，確保設(shè)計(jì)決策和開發(fā)過程中的透明度和一致性。
4. 系統(tǒng)性思維：設(shè)計(jì)系統(tǒng)要求你采用更宏觀的視角來看待設(shè)計(jì)和開發(fā)。你將學(xué)會(huì)如何思考和處理一個(gè)大型項(xiàng)目的不同部分，如何確保它們共同構(gòu)成一個(gè)協(xié)調(diào)一致的整體。
5. 適應(yīng)性和可擴(kuò)展性：通過了解和使用設(shè)計(jì)系統(tǒng)，你可以學(xué)習(xí)如何構(gòu)建靈活且可擴(kuò)展的設(shè)計(jì)，這些設(shè)計(jì)能夠適應(yīng)未來的變化和增長(zhǎng)。
6. 用戶體驗(yàn)的重要性：設(shè)計(jì)系統(tǒng)使你更加專注于用戶體驗(yàn)，了解如何通過統(tǒng)一和直觀的設(shè)計(jì)提升用戶滿意度和參與度。
7. 技術(shù)和創(chuàng)意的結(jié)合：設(shè)計(jì)系統(tǒng)展示了技術(shù)實(shí)現(xiàn)與創(chuàng)意設(shè)計(jì)如何緊密結(jié)合，推動(dòng)了對(duì)新工具和技術(shù)的探索，以及它們?nèi)绾沃С謩?chuàng)意過程。

以下是一些在國內(nèi)設(shè)計(jì)行業(yè)頗受歡迎并被設(shè)計(jì)師和開發(fā)人員廣泛使用的設(shè)計(jì)系統(tǒng)。

一、騰訊 — TDesign企業(yè)級(jí)設(shè)計(jì)體系

TDesign 是具有包容性的設(shè)計(jì)體系，它強(qiáng)調(diào)為業(yè)務(wù)提供產(chǎn)品、服務(wù)等過程中，追求以人為本、人人受益的包容性，要求搭建過程中，了解業(yè)務(wù)底層，理解業(yè)務(wù)場(chǎng)景的多樣性，并在繁雜的業(yè)務(wù)場(chǎng)景中尋找共性和特性，確保彼此能靈活地在同一個(gè)環(huán)境并存，既能滿足當(dāng)下需要，也能作用于更廣泛的場(chǎng)景，為不同的產(chǎn)品保留定制空間，在保證不同產(chǎn)品能夠體現(xiàn)自我特色的同時(shí)，TDesign 還可以為更廣泛的產(chǎn)品提供適合的服務(wù)。

TDesign的主要特點(diǎn)包括：

• 開源開放，持續(xù)迭代。
• 采用 MIT 許可協(xié)議，始終保持開放的心態(tài)，期待各方一起共建開源生態(tài)
• 包容多元，靈活易用。
• 保持設(shè)計(jì)敏銳感，在繁雜的業(yè)務(wù)中尋找共性，提供通用的設(shè)計(jì)解決方案。

網(wǎng)站—https://tdesign.tencent.com/

二、字節(jié)跳動(dòng)出品的企業(yè)級(jí)設(shè)計(jì)系統(tǒng)

ArcoDesign 以”務(wù)實(shí)浪漫，高效美接融”為愿景，秉承一致性（Agreement）、韻律感（Rhythm）、清晰度（Clear）、開放性（Open）的設(shè)計(jì)哲學(xué)。

我們致力于橋接開發(fā)與設(shè)計(jì)的差距，從開發(fā)者和設(shè)計(jì)師的視角出發(fā)，采用更加系統(tǒng)化的思維模式解答業(yè)務(wù)難題。通過精致完善的設(shè)計(jì)資源，流暢簡(jiǎn)約的工具集和豐富的生態(tài)平臺(tái)，迅速提高工作效率與愉悅感。

ArcoDesign設(shè)計(jì)系統(tǒng)的主要特色包括：

• 靈活定制 · 豐富的原子級(jí)組件
• 智能連接 · 全面的生態(tài)平臺(tái)
• 風(fēng)格配置平臺(tái) （Design Lab）
• 物料市場(chǎng) （Material Market）
• 色彩配置工具（Palette）

Arco 致力于探索更優(yōu)質(zhì)的設(shè)計(jì)體系，以解決復(fù)雜的業(yè)務(wù)以及冗余的溝通帶來的體驗(yàn)問題，徹底解放開發(fā)及設(shè)計(jì)師的雙手。

網(wǎng)站 —https://arco.design/

三、金山云企業(yè)級(jí)設(shè)計(jì)解決方案 — Kingcloud Design

KingDesign設(shè)計(jì)系統(tǒng)是??云基于多年的企業(yè)級(jí)產(chǎn)品設(shè)計(jì)開發(fā)經(jīng)驗(yàn)，以??云設(shè)計(jì)語?為基礎(chǔ)，?于企業(yè)級(jí)產(chǎn)品的開源設(shè)計(jì)系統(tǒng)，該系統(tǒng)由組件、開發(fā)、設(shè)計(jì)資源、?具、解決?案、設(shè)計(jì)指南組成，?戶可使?KingDesign設(shè)計(jì)系統(tǒng)快速構(gòu)建?致的數(shù)字產(chǎn)品。

King Design設(shè)計(jì)系統(tǒng)的關(guān)鍵特性包括：

KingDesign設(shè)計(jì)系統(tǒng)是?向企業(yè)級(jí)產(chǎn)品的設(shè)計(jì)解決?案，為企業(yè)提效??，提供設(shè)計(jì)思路、設(shè)計(jì)指南、設(shè)計(jì)資源幫助企業(yè)快速構(gòu)建產(chǎn)品。

網(wǎng)站—https://design.ksyun.com/

四、釘釘設(shè)計(jì)團(tuán)隊(duì) —Ding Design

Ding Design 是由釘釘設(shè)計(jì)團(tuán)隊(duì)、產(chǎn)品團(tuán)隊(duì)和終端技術(shù)團(tuán)隊(duì)共同打造的前端組件項(xiàng)目，目的是為了幫助開發(fā)者提高開發(fā)效率、提升產(chǎn)品體驗(yàn)。

Ding Design的主要特點(diǎn)包括：

• 提煉自釘釘企業(yè)級(jí)終端產(chǎn)品的交互語言和視覺風(fēng)格。
• 完美支持釘釘主題，支持淺色主題及暗色主題。
• 使用 TypeScript 開發(fā)，提供完整的類型定義文件。
• 提供小程序、React Mobile、React PC 的組件支持。

網(wǎng)頁—https://ding.design/#/

五、Ant 設(shè)計(jì)系統(tǒng)

Ant Design，出自阿里巴巴集團(tuán)旗下螞蟻金服之手，是一款全面而通用的設(shè)計(jì)系統(tǒng)。它旨在為設(shè)計(jì)師和開發(fā)人員提供廣泛的用戶界面組件、設(shè)計(jì)指南和工具，以助力團(tuán)隊(duì)迅速、輕松地創(chuàng)造出高品質(zhì)的設(shè)計(jì)。

螞蟻設(shè)計(jì)秉承簡(jiǎn)潔、一致性和高效性的設(shè)計(jì)原則，其包含了一系列用戶界面組件，如按鈕、表單和導(dǎo)航欄等，以及設(shè)計(jì)指南和原則，旨在確保在不同平臺(tái)和設(shè)備上的一致性和易用性。

Ant Design的核心特性包括：

• 一整套易用且易于定制的用戶界面組件。
• 重視可訪問性，其設(shè)計(jì)指南和原則確保螞蟻設(shè)計(jì)對(duì)所有人開放，不論其是否面臨殘疾或其他挑戰(zhàn)。
• 跨平臺(tái)兼容，用戶界面組件適用于各種平臺(tái)和設(shè)備。
• 提供一系列設(shè)計(jì)工具和資源，包括Sketch文件、圖標(biāo)集和代碼片段。
• 擁有一個(gè)充滿活力且相互支持的設(shè)計(jì)師和開發(fā)人員社區(qū)，他們共同為設(shè)計(jì)系統(tǒng)貢獻(xiàn)力量，并隨著時(shí)間的推移不斷完善和改進(jìn)。

螞蟻設(shè)計(jì)因其提供的全面、通用的資源和指南而受到設(shè)計(jì)師和開發(fā)人員的廣泛歡迎，有效地保證了各種項(xiàng)目和應(yīng)用程序的一致性、易用性和無障礙訪問性。

網(wǎng)頁 —https://ant.design/

六、HiUI -小米企業(yè)級(jí)設(shè)計(jì)系統(tǒng)

HiUI 是小米集團(tuán)信息技術(shù)部推出的企業(yè)級(jí)設(shè)計(jì)系統(tǒng)。HiUI 目前聚焦在企業(yè)級(jí)中后臺(tái)研發(fā)場(chǎng)景，以「高效、友好、開放」為設(shè)計(jì)價(jià)值觀，致力于打造輕松愉悅的辦公體驗(yàn)。HiUI 提供了開箱即用的UI組件庫、設(shè)計(jì)指南、設(shè)計(jì)模板等資產(chǎn)，將產(chǎn)品、設(shè)計(jì)和研發(fā)從重復(fù)勞動(dòng)中解放出來，專注于更有價(jià)值的業(yè)務(wù)需求設(shè)計(jì)。

HiUI – 設(shè)計(jì)系統(tǒng)的一些核心特性包括：

• 全新的設(shè)計(jì)語言：全新升級(jí)自然輕量的設(shè)計(jì)語言，為產(chǎn)品帶來清爽簡(jiǎn)潔的美感
• 豐富的組件庫：根據(jù)業(yè)務(wù)場(chǎng)景提煉出5大類，50+基礎(chǔ)組件，覆蓋大部分使用場(chǎng)景，滿足各種功能需求
• 極高的易用性：每個(gè)組件配有詳細(xì)的設(shè)計(jì)指導(dǎo)文檔，組件使用方式更清晰
• 更好的開發(fā)體驗(yàn)：提供功能強(qiáng)大、品類豐富的高質(zhì)量組件，讓開發(fā)更簡(jiǎn)單 ；更靈活的組件引入方式，支持分包與合包，讓升級(jí)更平滑 ；提供全鏈路開發(fā)體系，開箱即用，讓開發(fā)更高效
• 技術(shù)全面革新：支持 TypeScript，提供優(yōu)秀的類型提示和代碼檢查 ；擁抱 React hooks，提供全新的函數(shù)式編程體驗(yàn)
• 更強(qiáng)的擴(kuò)展性：全量 DesignToken 主題定制，支持靈活主題定制和搭配 ；全面擴(kuò)充底層 API （150+），提供優(yōu)秀的組件定制和擴(kuò)展能力 ；提供通用基礎(chǔ) Utils 和 Hooks，提供穩(wěn)定好用的工具服務(wù)

HIUI 是一個(gè)面向中后臺(tái)系統(tǒng)的前端組件庫，可以幫助開發(fā)人員快速實(shí)現(xiàn)交互一致、界面美觀的界面開發(fā)。

網(wǎng)站—https://xiaomi.github.io/hiui/

七、Ke.Design 語言系統(tǒng)-

傳統(tǒng)的頁面產(chǎn)出流程是瀑布流式的 -一個(gè)工作流程中會(huì)涉及到不同的PM、設(shè)計(jì)師及前端工程師。

部分項(xiàng)目在時(shí)間緊張的情況下會(huì)出現(xiàn)分批交付并行開發(fā)的情況、如此多的角色共同參與一個(gè)項(xiàng)目下，合作方如果沒有緊密咬合、足夠的溝通，將會(huì)導(dǎo)致大量重復(fù)性的工作，增加項(xiàng)目周期、管理難度。

B端產(chǎn)品往往擁有復(fù)雜的業(yè)務(wù)邏輯且頁面量級(jí)巨大，快速迭代也會(huì)引發(fā)頻繁的變動(dòng)以及并行概率的增加，需要設(shè)計(jì)師與開發(fā)能夠快速的產(chǎn)出方案保證上線。這樣的工作模式引發(fā)的副作用如：“體驗(yàn)一致性差”、“設(shè)計(jì)效率低”、“還原度不可控”的問題也逐漸顯現(xiàn)，變成一個(gè)急待解決的問題。

B類產(chǎn)品中存在很多類似的頁面以及組件，可以通過抽象得到一些穩(wěn)定且高復(fù)用性的內(nèi)容，那么是不是可以通過這種方式從現(xiàn)在的模式中，解綁一下呢？

Ke.Design的一些特性包括：

• 自然：設(shè)計(jì)者在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)，應(yīng)遵從用戶的本能，在感知、認(rèn)知和行為層面營造貼近自然的產(chǎn)品體驗(yàn)，使用戶能夠沉浸其中，進(jìn)行無意識(shí)的行為活動(dòng)。保持“自然”的產(chǎn)品設(shè)計(jì)理念，將有助于減少用戶在理解信息、進(jìn)行決策和執(zhí)行任務(wù)環(huán)節(jié)中的精力消耗，從而進(jìn)入心流的極致狀態(tài)。
• 高效：產(chǎn)品應(yīng)該能助力用戶高效地完成目標(biāo)。提供引導(dǎo)和幫助能使用戶快速上手，降低學(xué)習(xí)成本；對(duì)功能和信息進(jìn)行預(yù)先配置，可以降低用戶的操作成本，使他們快速開展任務(wù)。
• 包容：主流產(chǎn)品或服務(wù)的設(shè)計(jì)應(yīng)能夠被盡可能廣泛地使用，無需特別的適應(yīng)或特殊的設(shè)計(jì)。包容性主要體現(xiàn)在兩個(gè)方面：產(chǎn)品的設(shè)計(jì)形態(tài)應(yīng)該適應(yīng)內(nèi)部業(yè)務(wù)的發(fā)展，同時(shí)滿足更廣泛人群的使用場(chǎng)景和需求。

網(wǎng)站—https://design.ke.com/

八、有贊-Zan Design System

有贊是一個(gè)商家服務(wù)公司。我們首先為商家提供客戶管理、在線營銷、在線銷售、門店管理等全面提高經(jīng)營效率的系統(tǒng)解決方案，有 SaaS 產(chǎn)品，也有 PaaS 云；同時(shí)還提供人才培訓(xùn)、供應(yīng)、金融等增值服務(wù)。

多年來，我們給來自不同行業(yè)的幾百萬商家提供著服務(wù)。這樣足夠豐富的客戶和足夠豐富的需求環(huán)境，讓有贊沉淀了不少關(guān)于產(chǎn)品設(shè)計(jì)的經(jīng)驗(yàn)和方法，我們?cè)敢鈱⑦@些經(jīng)驗(yàn)完整地共享出來，希望可以幫助更多同行提高產(chǎn)品設(shè)計(jì)和研發(fā)效率。

有贊-Zan Design System的一些特性包括：

• 有效：讓設(shè)計(jì)助力業(yè)務(wù)成長(zhǎng)，賦能業(yè)務(wù)。
• 高效：包括1）簡(jiǎn)化流程：設(shè)計(jì)簡(jiǎn)潔直觀的操作流程；2）清晰明確：語言表達(dá)清晰且表意明確，讓用戶快速理解進(jìn)而作出決策。
• 反饋：包括1）控制反饋：通過界面樣式和交互動(dòng)效讓用戶可以清晰的感知自己的操作；2）界面反饋：操作后，通過界面元素的變化清晰地展現(xiàn)當(dāng)前狀態(tài)。
• 可控：包括1）用戶決策：根據(jù)場(chǎng)景可給予用戶操作建議或安全提示，不能代替用戶進(jìn)行決策；2）結(jié)果可控：用戶可以自由的進(jìn)行操作，有可逆的空間和余地。
• 一致：包括1）與現(xiàn)實(shí)一致：與現(xiàn)實(shí)生活的流程、邏輯、習(xí)慣保持一致，與物理世界的客觀事實(shí)保持一致；2）在界面中一致：所有的元素和結(jié)構(gòu)需保持一致。

Zan Design 設(shè)計(jì)價(jià)值觀為有贊產(chǎn)品設(shè)計(jì)，提供普適、抽象的評(píng)判標(biāo)準(zhǔn)和方向，激發(fā)了更為具體和行之有效的設(shè)計(jì)原則，繼而又產(chǎn)生為具體的設(shè)計(jì)問題提供向?qū)Ш鸵话憬鉀Q方案的設(shè)計(jì)模式。

網(wǎng)頁—https://design.youzan.com/index.html

九、Mand Mobile — 后臺(tái)設(shè)計(jì)系統(tǒng)

Mand Mobile，由滴滴出行前端團(tuán)隊(duì)精心打造，專為金融領(lǐng)域量身定制的移動(dòng)端 Vue 2 組件庫。其不僅助力前端開發(fā)者迅速搭建項(xiàng)目，更以其專業(yè)嚴(yán)謹(jǐn)?shù)腢I風(fēng)格聞名。目前，該組件庫已廣泛應(yīng)用于滴滴四大金融業(yè)務(wù)板塊，覆蓋逾十款重點(diǎn)產(chǎn)品。

Mand Mobile設(shè)計(jì)系統(tǒng)的關(guān)鍵特性包括：

• 豐富的組件：40+的實(shí)用組件，能夠滿足移動(dòng)端開發(fā)的基本需求，尤其是對(duì)金融場(chǎng)景的需求進(jìn)行了特別支持
• 統(tǒng)一的視覺規(guī)范：由滴滴金融設(shè)計(jì)師設(shè)計(jì)并維護(hù)，保證了應(yīng)用的項(xiàng)目?jī)?nèi)部、項(xiàng)目之間都能保持高度的視覺一致性
• 適用于多場(chǎng)景的產(chǎn)生：提供按需加載能力，使用靈活，避免引入無用代碼，導(dǎo)出es，umd兩種格式以及px,vh/vw兩種樣式單位
• 靈活轉(zhuǎn)換的樣式主題：UI樣式可配置，拓展靈活，輕松適應(yīng)不同的設(shè)計(jì)風(fēng)格
• 支持TypeScript
• 支持服務(wù)端渲染

Mand Mobile 是由滴滴出品的基于 Vue 2 開發(fā)的前端 UI 組件庫，項(xiàng)目源碼基于 Apache 2.0 開源協(xié)議托管在 Github 上，任何個(gè)人和公司都可以免費(fèi)下載使用，也可以用在商業(yè)項(xiàng)目上。

網(wǎng)站—https://didi.github.io/mand-mobile/#/zh-CN/home

十、NutUI-JDT — 京東科技移動(dòng)端組件庫

NutUI-JDT 是京東科技風(fēng)格的移動(dòng)端組件庫，使用 Vue 語言來編寫可以在 H5，小程序平臺(tái)上的應(yīng)用，幫助研發(fā)人員提升開發(fā)效率，改善開發(fā)體驗(yàn)。

基礎(chǔ)設(shè)計(jì)系統(tǒng)的主要特征包括：

• ?? 70+ 高質(zhì)量組件，覆蓋移動(dòng)端主流場(chǎng)景
• ?? 支持一套代碼同時(shí)開發(fā)多端小程序+H5
• ?? 基于京東APP 10.0 視覺規(guī)范
• ?? 支持按需引用
• ?? 詳盡的文檔和示例
• ?? 支持 TypeScript
• ?? 支持服務(wù)端渲染（測(cè)試階段）
• ?? 支持定制主題，內(nèi)置 700+ 個(gè)主題變量
• ?? 國際化支持
• ?? 單元測(cè)試覆蓋率超過 80%，保障穩(wěn)定性
• ?? 提供 Sketch 設(shè)計(jì)資源

網(wǎng)站—https://nutui.jd.com/jdt/？theme=jdt&ref=88sheji.cn#/

十一、Titian Design-微盟移動(dòng)端核心業(yè)務(wù)

源自微盟移動(dòng)端核心業(yè)務(wù)，我們的目標(biāo)是通過 Titian Mobile 助力開發(fā)者實(shí)現(xiàn)可持續(xù)地提質(zhì)增效，并不斷打造良好的移動(dòng)端產(chǎn)品體驗(yàn)。

Titian Design的核心特性包括：

• 多渠道一體化：多端適配，同時(shí)支持微信、支付寶、小紅書、快手小程序等多個(gè)主流渠道，同時(shí)保持API與功能統(tǒng)一。Titian 基于微盟自研的多渠道轉(zhuǎn)碼技術(shù)，支持業(yè)界主流的 MiniProgram（即將開放），以及基于 Web Components 支持 React、Vue 3 開發(fā)技術(shù)棧，采用 MIT 許可協(xié)議，秉承開放、開源原則，期待共建生態(tài)。
• 千變?nèi)f化，隨心搭配：借助Titian組件，能更便捷地搭建應(yīng)用。你想得到的、想不到的樣式變量，我們都能提供。

網(wǎng)頁—https://titian.design.weimob.com/

十二、Semi Design-抖音

Semi 多用于前綴或詞組中，表示「一半」 —— 正如同一個(gè)完整的企業(yè)應(yīng)用，通常由業(yè)務(wù)邏輯與前端界面構(gòu)成，Semi Design 希望成為這不可或缺的一半，為企業(yè)應(yīng)用前端提供堅(jiān)實(shí)且優(yōu)質(zhì)的基礎(chǔ)。

我們相信，設(shè)計(jì)系統(tǒng)的真正價(jià)值在于降低前端的搭建成本，同時(shí)提供優(yōu)秀的設(shè)計(jì)和工程化標(biāo)準(zhǔn)，充分解放設(shè)計(jì)師與開發(fā)者的生產(chǎn)力，從而不斷孵化明星產(chǎn)品。

Semi Design 的核心特性包括：

• 模塊化設(shè)計(jì)：Semi Design將設(shè)計(jì)元素分解為可重復(fù)使用的模塊，這樣可以提高設(shè)計(jì)的效率和一致性。
• 適應(yīng)性和靈活性：Semi Design鼓勵(lì)設(shè)計(jì)師和開發(fā)人員在保持整體一致性的同時(shí)，根據(jù)不同的業(yè)務(wù)場(chǎng)景和用戶需求進(jìn)行靈活的設(shè)計(jì)和開發(fā)。
• 可視化工具：提供了一系列的可視化工具，幫助設(shè)計(jì)師和開發(fā)人員更好地理解和實(shí)現(xiàn)設(shè)計(jì)。

網(wǎng)頁—https://semi.design/zh-CN/

十三、HarmonyOS-華為

鴻蒙生態(tài)與您一起{探索} 萬物互聯(lián) 無限未來

HarmonyOS的創(chuàng)新體驗(yàn)將幫助您應(yīng)對(duì)萬物互聯(lián)時(shí)代帶來的挑戰(zhàn)與機(jī)遇，結(jié)合覆蓋應(yīng)用生命周期的場(chǎng)景解決方案，打造受用戶喜愛的應(yīng)用。通過全場(chǎng)景流量入口、AI加持下的智慧分發(fā)，讓更多用戶能夠暢享您的應(yīng)用。

HarmonyOS-華為核心特性包括：

• HarmonyOS 讓您的應(yīng)用自由跨端：元服務(wù)是輕量化服務(wù)的新物種，它提供了全新的服務(wù)和交互方式，可分可合，可流轉(zhuǎn)，支持免安裝等特性，能夠讓應(yīng)用化繁為簡(jiǎn)，讓服務(wù)觸手可及。
• HarmonyOS 萬能卡片助您服務(wù)直達(dá)：HarmonyOS應(yīng)用或元服務(wù)以萬能卡片的形式展示在設(shè)備桌面，幫助用戶快速訪問、處理應(yīng)用內(nèi)信息。設(shè)置萬能卡片后，用戶在桌面即可看見應(yīng)用的實(shí)時(shí)信息并可以進(jìn)行操作，所見即所得。
• HarmonyOS 用“簡(jiǎn)單”激活您的設(shè)備智能：HarmonyOS 是新一代智能終端操作系統(tǒng)。為不同設(shè)備的智能化、互聯(lián)與協(xié)同提供了統(tǒng)一的語言。設(shè)備可實(shí)現(xiàn)一碰入網(wǎng)，無屏變有屏，操作可視化，一鍵直達(dá)原廠服務(wù)等全新功能。通過簡(jiǎn)單而智能的服務(wù)，實(shí)現(xiàn)設(shè)備智能化產(chǎn)業(yè)升級(jí)。

網(wǎng)頁—https://developer.huawei.com/consumer/cn/