UI組件庫是一個(gè)可以理解為重復(fù)使用界面設(shè)計(jì)元素的集合，是一個(gè)文件庫。UI組件庫在整個(gè)系統(tǒng)中起著行為層面的作用，是團(tuán)隊(duì)內(nèi)部設(shè)計(jì)師與開發(fā)者之間的橫向合作，是保證產(chǎn)品產(chǎn)出一致的標(biāo)準(zhǔn)基礎(chǔ)。即時(shí)設(shè)計(jì)資源社區(qū)提供豐富的組件庫，包括不同行業(yè)、不同頂級(jí)互聯(lián)網(wǎng)廠商的UI組件庫！可以免費(fèi)一鍵使用！

Ant Design 網(wǎng)頁版組件庫

復(fù)制鏈接立即獲?。篽ttp://mtw.so/6h51ec

隨著商業(yè)化的趨勢(shì)，越來越多的企業(yè)產(chǎn)品對(duì)更好的用戶體驗(yàn)有了進(jìn)一步的要求。有了這樣的最終目標(biāo)，螞蟻集團(tuán)體驗(yàn)技術(shù)經(jīng)過大量的項(xiàng)目實(shí)踐和總結(jié)，逐步完善了服務(wù)于企業(yè)產(chǎn)品的設(shè)計(jì)體系——AntDesign?；凇缸匀弧埂ⅰ复_定性」、「意義感」、「生長性」四種設(shè)計(jì)價(jià)值，通過模塊化解決方案，降低冗余生產(chǎn)成本，讓設(shè)計(jì)師專注于更好的用戶體驗(yàn)。

企業(yè)級(jí)產(chǎn)品是一個(gè)龐大且復(fù)雜的系統(tǒng)，數(shù)量多且功能復(fù)雜，迭代改動(dòng)時(shí)，常常需要設(shè)計(jì)者與開發(fā)者快速做出相應(yīng)響應(yīng)。同時(shí)這類產(chǎn)品中存在很多類似的組件，可以通過抽象得到一些穩(wěn)定且高復(fù)用性的內(nèi)容。 Ant Design 經(jīng)過大量項(xiàng)目實(shí)踐和總結(jié)，將這些組件規(guī)范為一個(gè)統(tǒng)一組件庫，通過模塊化解決方案，降低冗余的生產(chǎn)成本，讓設(shè)計(jì)者專注于更好的用戶體驗(yàn)。

TDesign 桌面端組件庫

復(fù)制鏈接立即獲?。篽ttp://mtw.so/6nUQPF

UI組件庫TDesign是騰訊各業(yè)務(wù)團(tuán)隊(duì)在服務(wù)業(yè)務(wù)過程中沉淀的企業(yè)級(jí)設(shè)計(jì)體系。2021年12月底正式開源，提供完整的設(shè)計(jì)體系，目前支持四個(gè)框架。TDesign組件庫秉承“開源”的理念，通過設(shè)計(jì)開源與代碼開源相結(jié)合，使設(shè)計(jì)與代碼無縫銜接，使資源更好地分配到必要的環(huán)節(jié)。

騰訊內(nèi)部近 300 名設(shè)計(jì)師與開發(fā)者共同打造，經(jīng)由 500+ 項(xiàng)目使用和驗(yàn)證過的企業(yè)級(jí)設(shè)計(jì)體系，其中包含了大量的可復(fù)用資源，如全局樣式、基礎(chǔ)組件、布局、導(dǎo)航、輸入以及數(shù)據(jù)展示等，可用來快速搭建各種桌面端的界面設(shè)計(jì)。是騰訊的企業(yè)級(jí)設(shè)計(jì)體系，為工業(yè)互聯(lián)網(wǎng)在各個(gè)應(yīng)用環(huán)節(jié)提供所需的設(shè)計(jì)、R&D等解決方案，讓設(shè)計(jì)和R&D從繁瑣重復(fù)的勞動(dòng)中釋放出來，讓大家更加關(guān)注深度培養(yǎng)的體驗(yàn)和細(xì)節(jié)。

Arco Design 組件庫

復(fù)制鏈接立即獲?。篽ttp://mtw.so/6vr3Um

字節(jié)團(tuán)隊(duì)打磨 3 年的 Arco Design 企業(yè)級(jí)設(shè)計(jì)系統(tǒng)全套組件庫，包含 67 個(gè)原子級(jí)組件，覆蓋布局、數(shù)據(jù)展示、數(shù)據(jù)輸入、反饋等多種交互場(chǎng)景，總計(jì)組件數(shù)量超過四千，并由即時(shí)設(shè)計(jì)團(tuán)隊(duì)專門整理為變體版本，提供更為靈活便捷的組件復(fù)用與切換，讓用戶輕松創(chuàng)造出契合業(yè)務(wù)需求的企業(yè)級(jí)產(chǎn)品。

基于豐富的原子組件，Arco提供了圖標(biāo)平臺(tái)、品牌庫、ArcoPro最佳實(shí)踐的資源平臺(tái)，除了風(fēng)格配置平臺(tái)和材料平臺(tái)的定制工具外，旨在幫助設(shè)計(jì)師和開發(fā)者解放雙手，提高工作效率，高質(zhì)量地構(gòu)建符合業(yè)務(wù)規(guī)范的中后臺(tái)應(yīng)用。

小程序組件WeUI

復(fù)制鏈接立即獲取：http://mtw.so/5xhnhb

WeUI 設(shè)計(jì)規(guī)范是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計(jì)，令用戶的使用感知更加統(tǒng)一。更方便設(shè)計(jì)師進(jìn)行設(shè)計(jì)，同時(shí)也提供方便開發(fā)者調(diào)用的資源。

隨著小程序的普及，微信也有很多內(nèi)部小程序開發(fā)，每個(gè)小程序需要從零到1開發(fā)設(shè)計(jì)，在這個(gè)過程中，有大量的UI交互是重復(fù)的，WeUI是一套基于風(fēng)格庫weui-wxss開發(fā)的小程序擴(kuò)展組件庫，與微信原始視覺體驗(yàn)UI組件庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)和小程序團(tuán)隊(duì)為微信小程序量身定制設(shè)計(jì)，使用戶感知更加統(tǒng)一。

Taro UI 設(shè)計(jì)規(guī)范庫

復(fù)制鏈接立即獲?。篽ttp://mtw.so/5ENAlS

Taro UI 是一款基于 Taro 框架開發(fā)的多端 UI 組件庫，Taro 是由京東·凹凸實(shí)驗(yàn)室傾力打造的多端開發(fā)解決方案。當(dāng)業(yè)務(wù)要求同時(shí)在不同的端都要求有所表現(xiàn)的時(shí)候，針對(duì)不同的端去編寫多套代碼的成本顯然非常高，這時(shí)候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

UI組件庫Taro只能寫一套代碼，然后通過Taro的編譯工具將源代碼編譯成不同端(微信小程序、H5)、RN等)運(yùn)行代碼。一套組件可適用于微信小程序，H5多端運(yùn)行。