TDesign 重磅开源，腾讯设计云产品集体亮相

2021 年 12 月 27 日 CSDN

“如果不先对构建产品的方式进行创新，便无法对产品进行创新”。Airbnb 设计副总裁 Alex Schleifer 曾在谈 Airbnb 设计方式时如此说。

随着产品迭代周期越来越短，用户需求日新月异，产设研团队需高效、持续的创新设计、迭代产品。为了帮助团队提高产设研配合效率，腾讯推出了产设研创作、协同与管理解决方案——腾讯设计云，汇聚多款源自腾讯成熟业务实践的设计研发类产品，为企业客户提供版权素材、用户研究、智能设计、设计协同、快速研发等能力，助力企业实现高效协同，提升设计研发效率。

0 1

来自国民级产品研发真实锤炼

腾讯设计云产品矩阵全公开

腾讯设计云能够帮助企业产设研团队有效解决在产品设计、研发协同等各个场景下遇到的挑战：如如调研样本难招募，版权素材易侵权，设计产出不统一，产设研团队之间存在信息传递衰减、沟通效率低下等难题。同时，面向中小企业及个人设计师与开发者，提供高质高效的协作和生产力工具，提高内容生产设计效能。

早在 2014 年，腾讯内部开始腾讯设计云的实践，可以说是“生于腾讯，聚于腾讯”。彼时，在腾讯全面拥抱开源浪潮下，不同部门汇聚于腾讯设计云，带来多款源自腾讯不同的业务实践设计研发产品与协同工具，历经内部 QQ 音乐、腾讯云、腾讯会议、企业微信等大型设计团队，和外部数字广东、富途证券、蘑菇街等大企业的真实验证。

历经内外部多年的真实锤炼，打造出全面的产品矩阵来帮助更多企业布局产设研领域发展，包括：应用于调查分析的腾讯问卷、智能化设计生产平台腾讯云智绘、长短视频内容创作与协作平台云创多媒体引擎、设计协作平台 CoDesign、团队协同平台 ProWork、拖拽式低代码开发平台微搭低代码和软件研发管理协作平台 CODING 等，拥有正版图库直通车和正版曲库直通车两大版权素材库，更有近日重磅开源的企业级设计体系 TDesign，补全了腾讯设计云产设研一体化协同能力的关键拼图。

0 2

提高设计研发效能

TDesign 来帮你！

众所周知，腾讯作为互联网大厂，其业务庞大，创意产品层出不穷，设计无处不在。因此不同业务部门和小组都有各自维护的组件库产品，数量繁多，除去业务属性，这些产品的基础功能是相似的，难免出现冗余，出现重复造轮子的情况。另外，由于人员投入维护情况层次不齐，导致一些通用交互方式存在体验不一致的现象，无论从人力资源、研发效率，还是产品体验等方面来看，均面临巨大的挑战。

在此背景下， 2020 年腾讯内部成立 OTeam，将公司内部存量的业务组件资产进行收拢整合，构建公司级的通用设计体系 TDesign，并通过开源协同，来解决过去腾讯内部团队分别维护设计体系，各设计体系之间重复造轮子、质量参差不齐等问题。

经过腾讯内部大量的实践和近 300 名设计师与开发者联手打造，TDesign 提供了基于 Vue2、Vue3、React （Vue3、React 在 Alpha 版本快速迭代中）等主流技术栈的组件，帮助开发者快速开发桌面端、移动端和小程序端等多个版本的应用程序，从而实现降低冗余的生产成本，让开发者和设计者专注于更好的用户体验。

TDesign 不是单一 UI 组件库，而是从设计出发，提供完整的设计语言和视觉风格指南，拥有包容、多元、进化、连接的价值观，期望为用户、行业及合作伙伴等打造具竞争力的品牌与产品体验的设计体系。

三大特性，TDesign 释放无限创意

TDesign 作为企业级设计体系，希望提供丰富的设计资源、详尽的设计指南、多样化的行业组件、高效的研发工具和统一的多技术栈 API，让开发者和设计师快速进行创意设计。这背后离不开 TDesign 的三大特性：完整、一致、易用。

在传统软件开发流程中，开发人员需等待 UI 人员将产品完整设计出来才动手开发，然而在中小企业面临设计人员人手不足，或产品需快速迭代时，如何确保前端开发人员的研发效率？

对此，TDesign 将腾讯内部多年的设计经验提炼总结为专业指南，内置一套通用解决方案，确保设计语言和视觉风格的一致性。并提供色彩体系、文字系统、动效设计等丰富可复用的设计组件资源，当专业设计师无法兼顾时，前端开发人员只需简单的代码操作，便可快速完成设计研发，有效降低产品设计门槛。

另外，TDesign 提供开箱即用的中后台框架 TDesign Starter Kit，开发者可将它修改为项目基础脚手架工程，实现从 0 到 1 的产品设计。

如上文提到，TDesign 支持 Vue、Vue3、React 和移动端小程序的开发，开发者可通过 TDesign 丰富的桌面端、小程序端的组件库资源，快速研发多端产品。同时 TDesign 支持 Axure、Sketch、Figma、Adobe XD 等设计软件，一个平台释放用户的无限创意。

看到这，有些朋友可能疑问，通用设计方案尽管可以提高效率，然而面对不确定用户需求和个性化定制需求时，如何利用 TDesign 做进一步延伸？

TDesign 将设计样式梳理封装为 Design Token，形成一套用户和企业特有的语义化设计规范，后续可对设计风格做统一管理和扩展延伸，灵活打造个性化设计。

TDesign 从组件库到设计语言到设计方法为设计师和开发者提供完整、一致、易用的特性，打造具备生命力、创新的设计体系。在不到两年的时间里，涵盖腾讯云、微信等超级产品在内的 500+腾讯项目，均使用 TDesign 来搭建业务系统。

为推动产业互联网发展，赋能更多外部设计师和开发者，如今 TDesign 正式对外开源（https://github.com/Tencent/tdesign），希望后续可借助开源的力量，共同开更多产设研用户完善 TDesign 功能。

赋能产业互联网生态

共建设计云蓝图

TDesign 仅仅是腾讯设计云能力拼图的一部分，从中我们观察到：随着互联网向产业深度延伸，产品快速迭代，企业对设计研发效率要求提高，在面对开发、运营和质量等方面协作时，腾讯设计云通过打造包含 TDesign 在内的系列设计研发解决方案，基于 DesignOps 模式，为企业规模化、标准化设计交付提供强有力的技术支持。

DesignOps 倡导设计研发自动化流程、高效能协作、专注，其优点是帮助设计师全程参与开发流程，让设计产物与研发产品保持一致，并创造高效和透明协同环境，让产设研人员投入到创新工作中去。

腾讯设计云将 DesignOps 理念融入到平台和工具中：一为了让设计师专注设计，实现设计价值最大化；二为了让设计自动化，例如设计协作平台 CoDesign 打通设计稿从需求到交付的各种状态，覆盖设计全流程，未来还将设计的组件和研发的组件打通关联，实现自动化触发流水线、自动化集中部署，解决重复性的问题；三为了设计研发一体化，让产品设计不必脱离敏捷的节奏，任何用户反馈、市场变动都通过 DesignOps 和 DevOps 的结合快速实现。

腾讯设计云通过 DesignOps 服务链条来让设计价值实现最大化，优化设计团队的上下游协作效率，助力企业实现高效协同，提升设计研发效率，为产业互联网生态助力。