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

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

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

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

TDesign 官网

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

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

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

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

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

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

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

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

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

  1. 【程序人生】:腾讯的职级系统

    我2011年把公司全资卖给腾讯.2012年过完春节,编辑部的员工辞职一半. 我就很想不通,现在变成了腾讯员工,运营腾讯旅游,听上去很不错,为什么要离开呢? 于是和每个申请离职的小MM都交流了一下. 之 ...

  2. 从腾讯的职级系统,看清自己的职场宿命(转载)

    文梁宁 我 2011 年把公司全资卖给腾讯.2012 年过完春节,编辑部的员工辞职一半. 我就很想不通,现在变成了腾讯员工,运营腾讯旅游,听上去很不错,为什么要离开呢? 于是和每个申请离职的小 MM ...

  3. 好家伙!Java程序员开发了一套系统,卖了800万,成都买了6套房!属实是走上人生巅峰了!

    大家好,我是然然.今天内心比较澎湃: 刚刚 群里,段大佬发布技术搞钱交流会,如下图: 某大佬开发一套系统,卖了800万,成都买了6套房,把普通人两辈子的钱都一次性赚好了. 作为有几年IT行业经验的老油 ...

  4. ❤️Java程序员开发了一套系统,卖了800万,成都买了6套房

    大家好,我是锋哥.今天就不爆照了,主要是内心比较澎湃: 刚刚 群里,段大佬发布技术搞钱交流会,如下图: 某大佬开发一套系统,卖了800万,成都买了6套房,把普通人两辈子的钱都一次性赚好了. 作为10年 ...

  5. 腾讯内容平台系统的架构实践

    转摘:http://www.sohu.com/a/257876751_355140 作者介绍 孙子荀(腾讯/SNG内容平台部/平台产品中心/算法平台组和后台一组组长)11 年在百度从事MPI算法方面的 ...

  6. 鸿蒙系统代码开源不担忧友商,华为鸿蒙系统正式开源!打脸“安卓套皮论”,友商手机也可采用!...

    看得出在鸿蒙系统的推广和普及上华为行进的动作力度是又大又快.针对外界议论纷纷的"鸿蒙是不是安卓系统换皮"的争议,华为打算用最彻底的方式来辩驳,那就是将鸿蒙系统全面开源.据今天传来的 ...

  7. ubuntu1804系统设置在哪里_斐讯路由器k2如何刷机 斐讯路由器k2系统刷机教程【详解】...

    斐讯路由器上车的人很多,对于k2来说硬件配置还是良心,所以刷机就成为了一种乐趣,今天我简单分享一下系统刷机方式,斐讯也并不想让所有购买k2的人都去做系统刷机,但是能刷机也可以增加销量,所以我觉得这个问 ...

  8. 一招彻底破除数据孤岛!这家企业用数据集市整合了30套系统

    案例背景 东吴证券股份有限公司作为全国第18家上市券商,拥有全部证券类业务牌照,在全国建立了18家分公司,134个营业部,并实现在香港和新加坡两个重要境外资本市场的布局,稳居地级市券商首位,坚定向着头 ...

  9. 实车采集的数据重建场景_避障、探测、采样......华理这套系统让无人小车“身手非凡”...

    原标题:避障.探测.采样......华理这套系统让无人小车"身手非凡" 无论是坑洼不平.灌木丛生的荒地,还是土丘遍布的山坡,抑或是突发爆炸毒害未知的灾后现场,只要装备上这套系统,无 ...

最新文章

  1. 设置gbk_我的gVim设置
  2. Calibrating delay loop... 问题以及解决方法(RealARM开发板)
  3. html转换成keynote,keynote代码高亮【转】
  4. 一个架构的演化2--用ESB集成
  5. visual studio2008 OpenGL开发配置
  6. ARM 指令集 VS Thumb 指令集
  7. python数据可视化的特点_6 种 Python 数据可视化工具
  8. SQL - 18.触发器
  9. (65)SPI外设驱动用户接收模块(四)(第13天)
  10. 【Linux】解决Linux上解压jdk报错gzip: stdin: not in gzip format
  11. [C#/Java] C#中调用Servlet示例
  12. html如何加黑色蒙板,Photoshop中怎么添加黑色蒙版?
  13. JAVA性能优化,让程序更快更稳定
  14. 计算机教育属于什么教育学类,应用电子技术教育专业属于什么门类
  15. 基于matlab的步进电机转速控制仿真,matlab步进电机转速控制仿真(课程设计).doc
  16. 2007年。。。。。
  17. java jython 调用,JavaDemo——Java通过Jython调用py脚本
  18. 盘点2017年上半年移动互联网安全事件
  19. Unity 入门笔记 - 07(完) - 菜单手机端静态类生成游戏
  20. 给小米/红米手机刷机(工具,刷机包等都是官方的)——手把手教会你

热门文章

  1. 使用Scrapy时出现虽然队列里有很多Request但是却不下载,造成假死状态
  2. Class Diagram
  3. 把准脉搏 U-Mail邮件系统2014开足马力
  4. 三星笔记本进入BIOS后找不到U盘启动项/快速启动键F12没有反应
  5. bzoj3122 [Sdoi2013]随机数生成器(bsgs+扩欧+数列)
  6. MAX10 ADC的一些基知识
  7. 团队第二次冲刺第三天
  8. Comparison of video container formats
  9. [20140928]创建连接到MySQL的连接服务器
  10. 什么是自然语言处理,它如何工作?