大家好,我是鱼皮,前段时间给大家介绍了字节跳动开源的两套设计系统,分别是 Arco Design 和抖音 Semi Design。
而就在几天前,腾讯终于也开源了自家的设计系统 TDesgin
!这次,终于能介绍自己公司的项目了。
如官方描述,TDesign 是一套拥有完整的 设计价值观 和 视觉风格指南 的企业级设计体系,并且在此基础上,提供了基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,主要用于构建设计统一、多端覆盖、跨技术栈的企业级前端应用。
GitHub:https://github.com/Tencent/tdesign
听上去非常高大上,但其实用人话来描述就是:定了一套设计风格(字体大小、颜色、动效等),并提供了不同框架(Vue、React)、各终端(PC、移动端、小程序)的 组件库 ,可以帮助开发者轻松完成风格一致的前端项目,尤其适合开发中后台系统。
如果你是一名前端开发者,进入 TDesign 官方文档,按照快速开始引入 TDesign 就能直接使用组件库了:
每个组件除了示例代码、效果演示和 API 介绍外,还包含使用指南,帮助你正确高效地使用组件:
此外,TDesign 还提供了开箱即用的脚手架 TDesign Starter,只需输入几行命令,就能快速搭建出一个多端适配的中后台管理系统,效果如下图:
如果你之前使用过蚂蚁金服的 Ant Design 的话,会发现其实 TDesign 与它的模式几乎是一致的,毕竟 Ant Design 做的真心不错,有很多值得参考的地方。
但 TDesign 的诞生可不是照搬 Ant Design 那么简单。它是由整个腾讯各大 BG 的同学内部共建而成,整合了过去腾讯各种设计体系和组件库的优点,经过了 5000 多次代码提交,才终于推出了一套有腾讯产品风格的设计体系。比如下图的 Tencent Blue 蓝色调,相信你在腾讯的很多产品(腾讯官网、腾讯文档、腾讯会议等)都见到过:
总之,对开发者来说,多一个组件库的选择不是坏事;而多一个大厂的开源项目,也就给我们多了一份学习的空间。
期待 TDesign 的后续发展,也希望更多的大厂团队和开发者能拥抱开源,让国内的技术生态越来越好。