The tdesign from ai2hub

TDesign 是一套拥有完整的设计价值观和视觉风格指南的企业级设计体系，同时提供了丰富的设计资源。

TDesign 在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案。

用于构建设计统一/多端覆盖/跨技术栈的企业级前端应用时，TDesign 更有优势。

为什么会有 TDesign

在过去，腾讯有许多设计体系和组件库类型的项目，围绕产品做“去中心化”的快速迭代。

2019 年腾讯成立了开源协同委员会，通过内部开源协同的方式，把同类技术产品的不同团队组织到一起共建。

TDesign 正是腾讯开源协同下前端和设计领域的协作产物，期待共建出一个完善且通用的设计体系和组件库产品。

TDesign 的发展

TDesign 在创建之初就秉承开源协作的原则，包括源代码在内的协作方案讨论、组件设计及 API 制定的过程也完全在公司内部开放，得到了内部开发和设计同学的广泛关注。无论以什么身份参与，TDesign 都同样遵循平等、公开、严格的原则来对待。

很多同学从个人项目中试用组件库开始，到提交第一个 Bug Issue，再到提交第一个 Feature MR，最后逐步参与到 Code Review 和方案制定工作中，成为核心贡献者。在过去的一年中，TDesign 关闭了 1k+ Issue，进行了 5k+ 次 CR，保持每周迭代发布新版本。

组件库目前支持多个端和主流技术栈，桌面端 Vue2 已发布 Beta 版本，桌面端 Vue3、React 和移动端 Vue3 、微信小程序发布 Alpha 内测版本。

为什么开源

通过开源，TDesign 期望持续打磨出更加完善易用的组件库，收获丰富的生态。

借助社区，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 官网。

仓库

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

主仓库和通用仓库

仓库	描述	状态
tdesign	TDesign 主仓库和文档	✅
tdesign-icons	TDesign 公共图标	✅
tdesign-common	TDesign 公共样式	✅

桌面端组件库

仓库	描述	状态
tdesign-vue	Vue 2.x 技术栈	`Beta`
tdesign-vue-next	Vue 3.x 技术栈	`Alpha`
tdesign-react	React 16.x 技术栈	`Alpha`
tdesign-angular	基于 Angular 10 实现	`待上线`

移动端组件库

仓库	描述	状态
tdesign-mobile-vue	Vue 3.x 技术栈	`Alpha`
tdesign-miniprogram	微信小程序	`Alpha`
tdesign-mobile-react	React 16.x 技术栈	`待上线`
tdesign-flutter	1.17.0	`待上线`

Starter 和周边

仓库	描述	状态
tdesign-starter-cli	TDesign 解决方案的脚手架	✅
tdesign-vue-starter	基于 tdesign-vue 的解决方案	✅
tdesign-vue-next-starter	基于 tdesign-vue-next 的解决方案	`Alpha`