腾讯企业级设计体系TDesign全套设计资源,已正式内置到Pixso 产品。作为首批与腾讯TDesign达成合作的产研设一体化在线设计工具,Pixso用户可在内置资源库中直接使用TDesign组件,省去大量模块化设计环节的重复劳动,轻松实现腾讯系产品设计与开发工作上的效率提升,为设计师、产品经理和研发工程师创造更高效愉悦的工作体验。

腾讯tdesign设计体系

TDesign设计体系简介

TDesign 是来自腾讯内部近 300 名设计师与开发者共同打造,经由 500+ 项目使用、验证和锤炼过的企业级设计体系, 秉承包容、多元、进化、连接的价值观,TDesign 期望与用户、行业及合作伙伴等一起打造具有竞争力的产品体验。

从设计出发,TDesign 提供了完整的设计语言、视觉风格指南和设计资源,以及基于 Vue2、Vue3、React (Vue3、React 目前仍在 Alpha 版本迭代中)等业界主流技术栈的组件,帮助开发者可以快速开发桌面端、移动端和小程序端等多个版本的应用程序。

腾讯TDesign设计体系简介

TDesign的特性有哪些

1. 丰富多元·全维度覆盖的组件资源

TDesign 为开发者提供了多种主流开发技术栈的支持:TDesign 已经支持了 Vue2、Vue3、React 和移动端小程序的开发,其他技术栈如 Angular、Flutter 也有相应贡献团队正在开发。

全维度覆盖的组件资源

为了实现开发与设计之间的高效协同,TDesign 中包含了丰富可复用的设计组件资源,如色彩体系、文字系统、动效设计、图标元素、布局结构等,覆盖支持 Axure、Sketch、Figma、Xd 等各大产品设计软件。此外,TDesign也支持在Pixso等常用在线设计工具中使用,将设计师从重复劳动中释放出来。

2. 规范一致,可快速产出高质量产品原型

TDesign 将腾讯内部多年设计经验提炼总结为专业的设计指南,其所提供的通用设计解决方案,能够帮助产品经理、设计师、开发者等角色高效完成企业级产品的设计和研发,并保持设计语言和风格的一致,满足用户体验的要求。

腾讯tdesign设计体系规范

基于 TDesign 的设计体系规范,TDesign 同时上线了组件库的桌面端和移动端,提供了多个技术栈实现版本。通过一系列协作流程和辅助工具,保证各技术栈组件 API 和实现产物一致。借助这些能力,使得项目即便使用了多种不同的技术架构或技术栈,开发者也可通过 TDesign 通用设计组件库进行开发,显著降低学习成本,在构建统一/多端覆盖/跨技术栈的前端应用时更具优势。

3. 灵活易用,小白也可快速上手

TDesign 设计体系在形成过程中,提炼了不同业务、场景的设计经验,提供了通用的设计指南以降低使用门槛。对于不同企业产品的品牌定制需求,TDesign 支持使用者对设计风格进行扩展,目前已经将设计样式梳理归纳为 Design Token,形成一套企业内部的语义化设计规范,方便后续进行统一的管理和使用扩展。

腾讯tdesign设计体系经验

在主题配置方面,TDesign 提供了明亮和暗色两种模式,支持一键切换,提升用户的使用体验。后续,TDesign 还会推出针对于不同垂直领域的行业组件,覆盖更多的业务范围。产品团队可以借助内置的行业主题,快速配置对应需求,启动业务开发。

腾讯tdesign业务范围

TDesign 同步上线了一款开箱即用的中后台框架 TDesign Starter Kit,开发者可以通过它快速体验组件功能,也可以将它修改为项目基础脚手架工程,快速实现从 0 到 1 的产品开发上线。

Pixso深刻理解资源对于设计师的重要性,希望通过引入优质的大厂设计系统,帮助用户省去大量模块化设计环节的重复劳动,让设计工作更得心应手。同时,未来我们也将保持对行业优秀开源设计体系的关注,不断充实Pixso资源,为用户提供更多优质的设计资源。

开始使用TDesign设计体系