大家好，我是魚皮，前段時間給大家介紹了字節(jié)跳動開源的兩套設(shè)計(jì)系統(tǒng)，分別是 Arco Design 和抖音 Semi Design。

而就在幾天前，騰訊終于也開源了自家的設(shè)計(jì)系統(tǒng) TDesgin ！這次，終于能介紹自己公司的項(xiàng)目了。

如官方描述，TDesign 是一套擁有完整的 設(shè)計(jì)價值觀 和 視覺風(fēng)格指南 的企業(yè)級設(shè)計(jì)體系，并且在此基礎(chǔ)上，提供了基于 Vue、React、小程序等業(yè)界主流技術(shù)棧的組件庫解決方案，主要用于構(gòu)建設(shè)計(jì)統(tǒng)一、多端覆蓋、跨技術(shù)棧的企業(yè)級前端應(yīng)用。

GitHub：https://github.com/Tencent/tdesign

TDesign 官網(wǎng)

聽上去非常高大上，但其實(shí)用人話來描述就是：定了一套設(shè)計(jì)風(fēng)格（字體大小、顏色、動效等），并提供了不同框架（Vue、React）、各終端（PC、移動端、小程序）的 組件庫 ，可以幫助開發(fā)者輕松完成風(fēng)格一致的前端項(xiàng)目，尤其適合開發(fā)中后臺系統(tǒng)。

如果你是一名前端開發(fā)者，進(jìn)入 TDesign 官方文檔，按照快速開始引入 TDesign 就能直接使用組件庫了：

每個組件除了示例代碼、效果演示和 API 介紹外，還包含使用指南，幫助你正確高效地使用組件：

此外，TDesign 還提供了開箱即用的腳手架 TDesign Starter，只需輸入幾行命令，就能快速搭建出一個多端適配的中后臺管理系統(tǒng)，效果如下圖：

如果你之前使用過螞蟻金服的 Ant Design 的話，會發(fā)現(xiàn)其實(shí) TDesign 與它的模式幾乎是一致的，畢竟 Ant Design 做的真心不錯，有很多值得參考的地方。

但 TDesign 的誕生可不是照搬 Ant Design 那么簡單。它是由整個騰訊各大 BG 的同學(xué)內(nèi)部共建而成，整合了過去騰訊各種設(shè)計(jì)體系和組件庫的優(yōu)點(diǎn)，經(jīng)過了 5000 多次代碼提交，才終于推出了一套有騰訊產(chǎn)品風(fēng)格的設(shè)計(jì)體系。比如下圖的 Tencent Blue 藍(lán)色調(diào)，相信你在騰訊的很多產(chǎn)品（騰訊官網(wǎng)、騰訊文檔、騰訊會議等）都見到過：

總之，對開發(fā)者來說，多一個組件庫的選擇不是壞事；而多一個大廠的開源項(xiàng)目，也就給我們多了一份學(xué)習(xí)的空間。

期待 TDesign 的后續(xù)發(fā)展，也希望更多的大廠團(tuán)隊(duì)和開發(fā)者能擁抱開源，讓國內(nèi)的技術(shù)生態(tài)越來越好。

總結(jié)

以上是生活随笔為你收集整理的N 年沉淀，腾讯这套系统终于开源！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。