腾讯开源的免费UI组件库,支持多种技术框架，设计还很在线

中文（简体） |简体中文

TDesign 是一套完整的 企业级设计体系，拥有基于 Vue / React / 小程序 等技术栈的组件库解决方案。
用于构建 设计统一 / 跨端多技术栈 的前端应用时，TDesign 更有优势。

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

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

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

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

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

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

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

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

借助社区，TDesign 期望与更多产品设计和开发者持续交流，成为更加有价值的产品。

对 TDesign 而言，开源是一个新的起点。

TDesign 后续发展规划请参阅 后续计划。

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

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

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

• 介绍
• 参与贡献
• 基础组件
• 解决方案
• 中后台设计指南

更多文档在 TDesign 官网。

TDesign 将腾讯内部多年设计经验提炼总结为专业的设计指南，提供的通用设计解决方案。

• 价值观
• 色彩
• 字体
• 动效
• 图标
• 布局
• 深色模式

更多内容参考每个组件的指南部分，例如：Button。

为了实现开发与设计之间的高效协同，TDesign 中包含了丰富可复用的设计组件资源：

• Figma 设计资源
• Sketch、Axure、Adobe XD 等设计资源
• TDesign Maker： 一款来自 TDesign 的 Sketch 插件