Skip to content

demi798/tdesign

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 

Repository files navigation

TDesign Logo

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

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

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

TDesign

为什么会有 TDesign

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

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

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

image

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

image

一致

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

image

易用

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

image

文档

更多文档在 TDesign 官网

设计指南

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

更多内容参考每个组件的指南部分,例如:Button

设计资源

为了实现开发与设计之间的高效协同,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

贡献者

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

参与贡献

请参照《如何贡献》文档。

反馈

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

开源协议

TDesign 使用 MIT 协议

About

Enterprise Design System

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published