TDesign騰訊企業(yè)級設計體系
TDesign 是一款誕生于騰訊內部、擁有完整的設計價值觀和視覺風格指南的企業(yè)級設計體系,同時提供了豐富的設計資源,在設計體系基礎上產出基于 Vue、React、小程序等業(yè)界主流技術棧的組件庫解決方案,適合用于構建設計統一/多端覆蓋/跨技術棧的企業(yè)級前端應用。
產品特性
完整
- 支持了 Vue 2、Vue 3、React 和移動端 Vue 3、微信小程序 的開發(fā),其他技術棧如 Augular、Flutter 正在開發(fā)中
- TDesign 包含豐富可復用的設計組件資源,如色彩體系、文字系統、動效設計等,覆蓋支持 Axure、Sketch、Figma、Adobe XD 等各大產品設計軟件
- 提供輔助設計工具如 Sketch 設計插件,也支持在騰訊 CoDesign、即時設計、Pixso、墨刀等市面常用設計工具中使用
一致
易用
- 提煉不同業(yè)務、場景的設計經驗,提供通用的設計指南以降低使用門檻
- 支持使用者通過 Design Token 對設計風格進行擴展
- 提供 Starter Kit 幫助使用者快速上手
文檔
更多文檔在 TDesign 官網。
設計指南
TDesign 將騰訊內部多年設計經驗提煉總結為專業(yè)的設計指南,提供的通用設計解決方案。
更多內容參考每個組件的指南部分,例如:Button。
設計資源
為了實現開發(fā)與設計之間的高效協同,TDesign 中包含了豐富可復用的設計組件資源:
倉庫
TDesign 是一個 multi-repo, TDesign 有如下倉庫:
主倉庫和通用倉庫
| 倉庫 | 描述 | 狀態(tài) |
|---|---|---|
| tdesign | TDesign 主倉庫和文檔 | ? |
| tdesign-icons | TDesign 公共圖標 | ? |
| tdesign-common | TDesign 公共樣式 | ? |
桌面端組件庫
| 倉庫 | 描述 | 狀態(tài) |
|---|---|---|
| tdesign-vue | Vue 2.x 技術棧 | Beta |
| tdesign-vue-next | Vue 3.x 技術棧 | Alpha |
| tdesign-react | React 16.x 技術棧 | Alpha |
| tdesign-angular | 基于 Angular 10 實現 | 待上線 |
移動端組件庫
| 倉庫 | 描述 | 狀態(tài) |
|---|---|---|
| tdesign-mobile-vue | Vue 3.x 技術棧 | Alpha |
| tdesign-miniprogram | 微信小程序 | Alpha |
| tdesign-mobile-react | React 16.x 技術棧 | 待上線 |
| tdesign-flutter | 1.17.0 | 待上線 |
評論
圖片
表情
