TDesign 是一套完整的 企业级设计体系,拥有基于 Vue / React / 小程序 等技术栈的组件库解决方案。
用于构建 设计统一 / 跨端多技术栈 的前端应用时,TDesign 更有优势。
TDesign 是一个 multi-repo
, TDesign 有如下代码仓库:
仓库 | 描述 | 状态 |
---|---|---|
tdesign-vue | Vue 2.x 技术栈 | 1.0 LTS |
tdesign-vue-next | Vue 3.x 技术栈 | 1.0 LTS |
tdesign-react | React 16.x 技术栈 | 1.0 LTS |
tdesign-angular | 基于 Angular 10 实现 | 待上线 |
仓库 | 描述 | 状态 |
---|---|---|
tdesign-miniprogram | 微信小程序 | Beta |
tdesign-mobile-vue | Vue 3.x 技术栈 | Beta |
tdesign-mobile-react | React 16.x 技术栈 | Alpha |
tdesign-flutter | 1.17.0 | 待上线 |
仓库 | 描述 |
---|---|
tdesign | TDesign 主仓库和文档 |
tdesign-icons | TDesign 公共图标 |
tdesign-common | TDesign 公共样式 |
仓库 | 描述 |
---|---|
tdesign-starter-cli | TDesign 解决方案的脚手架 |
tdesign-vue-starter | 基于 tdesign-vue 的解决方案 |
tdesign-vue-next-starter | 基于 tdesign-vue-next 的解决方案 |
tdesign-react-starter | 基于 tdesign-react 的解决方案 |
tdesign-miniprogram-starter-retail | 基于 tdesign-miniprogram 的零售行业解决方案 |
在过去,腾讯有许多设计体系和组件库类型的项目,围绕产品做“去中心化”的快速迭代。
2019 年腾讯成立了开源协同委员会,通过内部开源协同的方式,把同类技术产品的不同团队组织到一起共建。
TDesign 正是腾讯开源协同下前端和设计领域的协作产物,期待共建出一个完善且通用的设计体系和组件库产品。
TDesign 在创建之初就秉承开源协作的原则,包括源代码在内的协作方案讨论、组件设计及 API 制定的过程也完全在公司内部开放,得到了内部开发和设计同学的广泛关注。无论以什么身份参与,TDesign 都同样遵循平等、公开、严格的原则来对待。
很多同学从个人项目中试用组件库开始,到提交第一个 Bug Issue
,再到提交第一个 Feature MR
,最后逐步参与到 Code Review
和方案制定工作中,成为核心贡献者。在过去的一年中,TDesign 关闭了 1k+ Issue
,进行了 5k+ 次 CR
,保持 每周迭代 发布新版本。
组件库目前支持多个端和主流技术栈,桌面端 Vue2、Vue3 已发布 1.x 版本,桌面端 React 和移动端 Vue3、微信小程序已发布 Beta
版本,移动端 React、QQ小程序发布 Alpha
内测版本。
通过开源,TDesign 期望持续打磨出更加完善易用的组件库,收获丰富的生态。
借助社区,TDesign 期望与更多产品设计和开发者持续交流,成为更加有价值的产品。
对 TDesign 而言,开源是一个新的起点。
TDesign 后续发展规划请参阅 后续计划。
- 支持了 Vue 2、Vue 3、React 和移动端 Vue 3、微信小程序 的开发,其他技术栈如 Augular、Flutter 正在开发中
- 提供丰富多样的设计资源,包括 Figma、Adobe XD、Sketch 等,将设计师从重复劳动中释放出来
- 提供辅助设计工具如 Sketch 设计插件,也支持在腾讯 CoDesign、即时设计、Pixso、墨刀等市面常用设计工具中使用
- 提炼不同业务、场景的设计经验,提供通用的设计指南以降低使用门槛
- 支持使用者通过 Design Token 对设计风格进行扩展
- 提供 Starter Kit 帮助使用者快速上手
更多文档在 TDesign 官网。
TDesign 将腾讯内部多年设计经验提炼总结为专业的设计指南,提供的通用设计解决方案。
更多内容参考每个组件的指南部分,例如:Button。
为了实现开发与设计之间的高效协同,TDesign 中包含了丰富可复用的设计组件资源:
❤️ 感谢 TDesign 所有的贡献者,他们是超过 270 位伙伴们:
请参照《如何贡献》文档。
有任何问题,建议通过 Github issues 反馈或扫码加入用户微信群。
TDesign 使用 MIT 协议。