《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个腾讯开源的企业级设计体系——TDesign。

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。

TDesign 具有统一的设计价值观，一致的设计语言和视觉风格，帮助用户形成连续、统一的体验认知。在此基础上，TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产，以优雅高效的方式将设计和研发从重复劳动中解放出来，同时方便大家在 TDesign 的基础上扩展，更好地贴近业务需求。

TDesign起源

过去，腾讯内部众多团队搭建了不同的设计体系和组件库产品，以满足各自的业务诉求，提升研发效能。这些体系各自独立维护，彼此割裂。并且，随着内部业务的规模不断扩大，这种割裂的局面愈发严重。

为了应对这一情况，腾讯内部建立了 开源协同委员会 ，参考开源社区的组织方式，将同类项目的不同技术团队聚合在一起，开源共建。TDesign 在这样的背景下应运而生，在腾讯内部以开源协同的方式，共建一个完善、易用的设计体系和组件库产品。

功能特性

完整

• 支持了 Vue 2 、 Vue 3 、 React 和移动端 Vue 3 、 微信小程序 的开发，其他技术栈如 Augular、Flutter 正在开发中
• 提供丰富多样的设计资源，包括 Figma、Adobe XD、Sketch 等，将设计师从重复劳动中释放出来
• 提供辅助设计工具如 Sketch 设计插件 ，也支持在腾讯CoDesign、即时设计、Pixso、墨刀等市面常用设计工具中使用

一致

• 拥有统一的设计价值观和视觉风格，帮助产品在跨端设计和开发过程中保持一致的产品使用体验
• 各技术栈产物 API 定义和实现保持一致，在构建统一/多端覆盖/跨技术栈的前端应用时更有优势

易用

• 提炼不同业务、场景的设计经验，提供通用的设计指南以降低使用门槛
• 支持使用者通过 Design Token 对设计风格进行扩展
• 提供 Starter Kit 帮助使用者快速上手

仓库

TDesign 是一个 multi-repo ， TDesign 有如下代码仓库：

主仓库和通用仓库

• TDesign 主仓库和文档： https://github.com/Tencent/tdesign
• TDesign 公共图标： https://github.com/Tencent/tdesign-icons
• TDesign 公共样式： https://github.com/Tencent/tdesign-common

桌面端组件库

• Vue 2.x 技术栈： https://github.com/Tencent/tdesign-vue
• Vue 3.x 技术栈： https://github.com/Tencent/tdesign-vue-next
• React 16.x 技术栈： https://github.com/Tencent/tdesign-react
• 基于 Angular 10 实现： tdesign-angular待上线

移动端组件库

• Vue 3.x 技术栈： https://github.com/Tencent/tdesign-mobile-vue
• 微信小程序： https://github.com/Tencent/tdesign-miniprogram
• React 16.x 技术栈： tdesign-mobile-react技术栈
• flutter1.17.0： tdesign-flutter待上线

Starter 和周边

• TDesign 解决方案的脚手架： https://github.com/Tencent/tdesign-starter-cli
• 基于 tdesign-vue 的解决方案： https://github.com/Tencent/tdesign-vue-starter
• 基于 tdesign-vue-next 的解决方案： https://github.com/Tencent/tdesign-vue-next-starter

更多内容大家可自行前往阅读。

开源地址：https://github.com/Tencent/tdesign