1. 汇聚频道
  2. 干货

N 年沉淀,腾讯这套系统终于开源!

大家好,我是鱼皮,前段时间给大家介绍了字节跳动开源的两套设计系统,分别是 Arco Design 和抖音 Semi Design。

而就在几天前,腾讯终于也开源了自家的设计系统 TDesgin !这次,终于能介绍自己公司的项目了。

mmexport1640452766914.jpg

如官方描述,TDesign 是一套拥有完整的 设计价值观 和 视觉风格指南 的企业级设计体系,并且在此基础上,提供了基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,主要用于构建设计统一、多端覆盖、跨技术栈的企业级前端应用。

GitHub:https://github.com/Tencent/tdesign

mmexport1640452769869.jpgTDesign 官网

听上去非常高大上,但其实用人话来描述就是:定了一套设计风格(字体大小、颜色、动效等),并提供了不同框架(Vue、React)、各终端(PC、移动端、小程序)的 组件库 ,可以帮助开发者轻松完成风格一致的前端项目,尤其适合开发中后台系统。

mmexport1640452772529.jpg

如果你是一名前端开发者,进入 TDesign 官方文档,按照快速开始引入 TDesign 就能直接使用组件库了:

mmexport1640452775326.jpg

每个组件除了示例代码、效果演示和 API 介绍外,还包含使用指南,帮助你正确高效地使用组件:

mmexport1640452778075.jpg

此外,TDesign 还提供了开箱即用的脚手架 TDesign Starter,只需输入几行命令,就能快速搭建出一个多端适配的中后台管理系统,效果如下图:

mmexport1640452780884.jpg

如果你之前使用过蚂蚁金服的 Ant Design 的话,会发现其实 TDesign 与它的模式几乎是一致的,毕竟 Ant Design 做的真心不错,有很多值得参考的地方。

但 TDesign 的诞生可不是照搬 Ant Design 那么简单。它是由整个腾讯各大 BG 的同学内部共建而成,整合了过去腾讯各种设计体系和组件库的优点,经过了 5000 多次代码提交,才终于推出了一套有腾讯产品风格的设计体系。比如下图的 Tencent Blue 蓝色调,相信你在腾讯的很多产品(腾讯官网、腾讯文档、腾讯会议等)都见到过:

mmexport1640452783701.jpg

总之,对开发者来说,多一个组件库的选择不是坏事;而多一个大厂的开源项目,也就给我们多了一份学习的空间。

期待 TDesign 的后续发展,也希望更多的大厂团队和开发者能拥抱开源,让国内的技术生态越来越好。

本篇内容来自微信公众号「程序员鱼皮」,感谢您的支持与关注!

本站只提供内容展现不表达任何观点,本文内容由作者投稿发表,如有侵权请联系删除。
作者:技术流,转转请注明出处:https://www.xinenw.com/128

or