随着时代的快速发展,如今产品规模日益扩大,传统的研发模式已经不能适应市场需求。企业如何在设计研发工作中实现高效协同,成为一大难题。腾讯企业级设计体系TDesign重磅开源,为产品体验设计提供新的解题之道!

TDesign是一套完整的企业级设计体系,是腾讯内部多年设计项目成果的提炼总结,汇集了众多优秀组件库和设计研发经验。它拥有基于Vue/React/小程序等技术栈的组件库解决方案。在用于构建设计统一/跨端多技术栈的前端应用时,TDesign更有优势。

除了提供了开箱即用的前端开发UI组件库,它还配备了设计指南和设计资源,帮助研发团队专注业务,将设计和研发从重复劳动中解放出来,大大提高工作效率。

1. TDesign 的起源

在过去,腾讯有许多设计体系和组件库类型的项目,围绕产品做“去中心化”的快速迭代。各自的组件库产品,由不同团队和开发人员维护,存在内部重复工作,造成人力资源的浪费,同时不同的设计体系又带来产品设计上的不一致。

2019 年腾讯成立了开源协同委员会,通过内部开源协同的方式,把同类技术产品的不同团队组织到一起共建。通过开源协同,解决过去内部团队分别维护设计体系,以及各设计体系之间质量参差不齐的问题。

2. TDesign 的发展

TDesign在创建之初就秉承开源协作的原则,包括源代码在内的协作方案讨论、组件设计及API 制定的过程,都完全在公司内部开放,得到了内部开发和设计人员的广泛关注。

无论以什么身份参与,TDesign都同样遵循平等、公开、严格的原则来对待。在很短的时间内,便产出了大量的设计稿和组件,完成了项目的初始化建设。并不断进行完善,最终构建出了如今的TDesign。

3. 为什么开源

对TDesign而言,开源是一个新的起点。通过开源,TDesign期望持续打磨出更加完善易用的组件库,收获丰富的生态。

借助社区,期望与更多产品设计和开发者持续交流,成为更加有价值的产品。从而更好地服务设计师和开发者,助力企业提升设计研发效能,为产品体验设计带来新的思路。

4. TDesign 产品特性

  • 完整

TDesign 为开发者提供了多种主流开发技术栈的支持。支持了Vue 2、Vue 3、React和移动端Vue 3、微信小程序的开发,其他技术栈如 Augular、Flutter 正在开发中。

提供丰富多样的设计资源,如色彩体系、文字系统、动效设计、图标元素、布局结构等,覆盖支持 Figma、Adobe XD、Sketch 等各大设计软件,将设计师与开发人员从重复劳动中释放出来。

TDesign也支持在新一代在线协作设计工具Pixso中使用。Pixso作为一款高效的协同软件,可助力多人实时协同作业,使设计协作不受时空限制。团队可以创建共享组件和颜色/文本样式库,打造团队资源库,助力设计版本迭代、产品设计规范建立,并且设计资源管理库中的组件和样式均可复用及修改更新。

内置TDesign组件库

Pixso内置TDesign组件库

  • 一致

TDesign拥有统一的设计规范和视觉风格,帮助产品在跨端设计和开发过程中,保持一致的产品使用体验通过一系列协作流程和辅助工具,保证各技术栈产物API定义和实现保持一致,在构建统一/多端覆盖/跨技术栈的前端应用时更有优势。

  • 易用

TDesign设计体系在形成和发展过程中,提炼了不同业务与场景的设计经验,提供通用、完善的设计指南,以降低使用门槛,并且支持使用者通过Design Token对设计风格进行扩展。

5. 如何体验 TDesign

看到这里,你是不是已经迫不及待地想要知道,如何才能体验 TDesign?别急,你甚至不必到腾讯官方网站,直接打开高效协同设计平台Pixso,即可快速体验。Pixso内置了腾讯TDesign设计体系,可以直接在编辑页内使用,不用下载或保存,非常方便,内置的TDesign设计资源可以直接拖拽使用。赶紧试试吧!

TDesign桌面端组件库

TDesign桌面端组件库