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

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

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

为什么会有 TDesign

在腾讯内部很多团队都搭建了不同的设计体系和组件库产品，以满足各自的业务诉求，提升用户体验和研发效能。这些体系各自独立维护，彼此之间有差异也有很多共性，随着业务发展规模不断壮大，这种割裂的局面愈发严重。为了应对这一情况，腾讯开始通过开源协同的方式，将同类项目的不同技术团队聚合在一起，开源共建。TDesign 在这样的背景下应运而生，在腾讯共同建设一个完善、易用的设计体系和组件库产品。

为什么开源

通过对外开源，TDesign 希望将服务范围扩大至外部团队，同时开源也是一个新的起点，借助社区的力量，TDesign 期望获得与同道交流学习的机会，逐步建立起活跃的社区，以便持续打磨完善组件库和相关生态产品。

产品特性

• 完整

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

• 一致

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

• 易用

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

文档

TDesign 文档网站计划在 12 月 23 日开源宣发前上线。

• 介绍
• 参与贡献
• 设计资源
• 基础组件
• 解决方案

更多文档在 TDesign 官网。

仓库

TDesign 是一个 multi-repo ，因此 TDesign 有如下仓库：

仓库	描述	状态
tdesign-vue	桌面端 Vue2 实现	beta
tdesign-vue-next	桌面端 Vue3 实现	Alpha
tdesign-react	桌面端 React 实现	Alpha
tdesign-mobile-vue	移动端 Vue3 实现	Alpha
tdesign-miniprogram	微信端小程序实现	Alpha
tdesign-angular	桌面端 Angular 实现	待上线
tdesign-mobile-react	移动端 React 实现	待上线
tdesign-flutter	移动端 Flutter 实现	待上线
tdesign-icons	TDesign 公共图标	✅
tdesign-common	TDesign 公共样式	✅
tdesign-starter-cli	TDesign 解决方案的脚手架	✅
tdesign-vue-starter	基于 tdesign-vue 的解决方案	✅
tdesign-vue-next-starter	基于 tdesign-vue-next 的解决方案	Alpha

贡献者

❤️ 感谢 TDesign 所有的贡献者，他们是超过 270 位伙伴们：

反馈

有任何问题，建议通过 Github issues 反馈或扫码加入用户微信群。

开源协议

TDesign 使用 MIT 协议。