Giter Site home page Giter Site logo

tdesign's Introduction

TDesign Logo

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

TDesign

仓库

TDesign 是一个 multi-repo, 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-miniprogram 微信小程序 Alpha
tdesign-mobile-vue Vue 3.x 技术栈 Alpha
tdesign-mobile-react React 16.x 技术栈 待上线
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 的零售行业解决方案

为什么会有 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 所有的贡献者,他们是超过 270 位伙伴们:

参与贡献

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

反馈

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

开源协议

TDesign 使用 MIT 协议

tdesign's People

Contributors

94dreamer avatar xiaosansiji avatar pattybaby110 avatar honkinglin avatar xiezongchen avatar avenirzheng avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.