随着跨部门、跨团队的合作以及跨设备、跨平台应用需求的海量增加,企业如何在设计研发工作中实现高效协同,就成了一大难题。为此,腾讯推出了腾讯设计云,以满足企业相关需求。其中,刚刚开源发布的腾讯企业级产品设计体系TDesign,以开源血统助力产品设计和研发的各个环节,帮助产品经理、设计师、开发者高效产出和协作,降本增效。
腾讯设计云产品
TDesign 是腾讯内部近 300 名设计师与开发者共同打造的,经由 500多个项目使用、验证和锤炼过的企业级设计体系,集成了腾讯众多优秀组件库能力和设计研发经验。
为何称 TDesign 为企业级的设计体系?因为它功能足够强大,定制足够灵活,能帮助用户高质高效的实现企业级产品的设计研发。
就设计方面而言,TDesign 涵盖了丰富的基础设计组件,比如色彩体系、文字系统、动效设计等,提供了 Figma、Adobe XD、Sketch 等多样的设计资源,以及 Sketch 设计插件等辅助设计工具。此外, TDesign 的设计物料,也可以在即时设计、Pixso、墨刀等常用设计工具中使用。
与此同时,TDesign 构建了一套通用解决方案,将腾讯内部多年的设计经验提炼总结为专业指南,显著降低了产品设计的门槛。即使没有专业的设计师,也可以保证设计语言和视觉风格的一致性,完成企业级产品的设计研发。
针对产品开发过程中的个性化需求,TDesign 支持使用者对设计风格进行扩展,将设计样式梳理归纳为 Design Token,从而形成一套企业内部的语义化设计规范,方便后续进行统一的管理和使用扩展。
开发方面,TDesign支持多个端和主流技术栈,桌面端 Vue2 已发布 Beta 版本,桌面端 Vue3、React 和移动端 Vue3 、微信小程序已经发布了 Alpha 内测版本,Augular、Flutter 等其他技术栈组件也正在开发中。
作为一款低代码产品设计体系,TDesign 最大的特点在于,在保持专业性的同时,降低开发门槛。同步上线的中后台框架 TDesign Starter Kit 开箱即用,开发者可以快速体验组件功能,也可以将它修改为项目基础脚手架工程。用户可查看对应组件的使用教程和代码演示,经过简单的引入操作后,即可搭建属于自己的产品界面,实现“从 0 到1 ”快速开发桌面端、移动端和小程序端等多个版本的应用程序。
为了让设计变得更自然、智能、人性化,TDesign 移动端正在进行无障碍和适老化,与腾讯内部的无障碍oteam一起合作,预计1月底可以发布。
未来,TDesign 还将上线面向不同垂直领域的行业组件,覆盖更多的业务范围。产品团队可以借助内置的行业主题,快速配置对应需求,率先启动业务开发。
TDesign 之所以能成为企业级的产品设计工具,根本的原因在于,它的整个开发过程根植于腾讯内部开源文化。在创建之初,就秉承开源协作的原则,把代码协作方案、组件设计及 API 制定的整个过程完全开放。这激发了内部众多开发人员和设计师的参与热情,是腾讯内部团队参与数量最多的开源项目。
从使用 TDesign 组件库,到提交 Bug Issue,再到提交 Feature MR,最后逐步参与 Code Review 和方案制定,越来越多的人和团队成为核心贡献者。比如,腾讯云与智慧产业事业群(CSIG)在利用 TDesign 开发智慧零售项目时,发现小程序版本进展缓慢,于是整个团队加入进来,发挥技术优势、经验优势,最终开发出了当前的小程序版本。
TDesign 的协同共建之路也并非一帆风顺。项目刚刚落地时,设计师和开发者们靠着一腔热血,在短时间内产出了大量的组件设计稿和研发,完成了项目的初始化建设。但由于传统的协作方式——即时拉群沟通,消耗了大量的时间和精力,使得 TDesign 的开发进入了僵局。
于是在二次迭代时, TDesign 团队选择了更加开源风范的异步 issue 讨论,同时引入 CI / CD 流程以及 bot 机器人,借助于这些更加“开源”风格的工具和协作方式,TDesign 的效率得以提升,最终构建出了如今的 TDesign。在过去的一年中,TDesign 关闭了 1000 多个 Issue,进行了 5000 多次 CR,每周都会发布一个新版本。
正是短短两年时间的内部开源经历 ,让开发团队看到了开源的力量,进而选择对外开源。TDesign团队表示:“TDesign 打磨到当前阶段,我们不想闭门造车,而是希望通过对外开源,将服务范围扩大至外部团队。同时,开源也是一个新的起点。希望借助社区的力量,让 TDesign 的开发者能够获得与同道交流学习的机会,从而逐步建立起活跃的社区,以持续打磨、完善组件库和相关生态产品。”
TDesign开源地址:https://github.com/Tencent/tdesign
此前,腾讯设计云的多个产品组件已经陆续跟用户见面,并推出了免费使用及企业版本。随着TDesign开源发布,开启了腾讯产设研协同的重要能力拼图布局,设计云的能力架构也已经较为完整呈现出来。
腾讯设计云是腾讯自研自用的产设研创作、协同与管理解决方案,汇聚多款源自腾讯成熟业务实践的设计研发类产品,如运用于调查分析的腾讯问卷、智能化设计生产平台腾讯云智绘、长短视频内容创作与协作平台云创多媒体引擎、一站式设计协作平台CoDesign、团队协同平台ProWork、拖拽式低代码开发平台微搭低代码和软件研发管理协作平台CODING等,以及正版图库直通车和正版曲库直通车两大版权素材库,为企业客户提供版权素材、用户研究、智能设计、设计协同、快速研发等能力,助力企业实现高效协同,提升设计研发效率。
腾讯云设计云产品总监陈迪菲表示:“目前,产品借助腾讯云优质的售前售后服务能力、云计算基础设施以及千帆计划的展开,我们已经将SaaS化上云的产品进行商业化延伸,打造成了腾讯设计云解决方案,进一步针对性地服务到企业客户与泛设计类用户群体。未来,腾讯设计云也将积极联通合作伙伴,希望能在不久的将来引入第三方SaaS服务,共同打造“设计云+腾讯云”的开放设计服务生态。”
设计云团队希望通过腾讯设计云,倡导更多设计师加入到设计上云的浪潮中,更深入地推进设计云的共建,将腾讯设计更多的核心能力推广到行业应用层面,提高客户口碑;同时也向设计业界展示腾讯设计能力开源的决心,对外传递腾讯设计上云与生态共创的理念与实践。
以上为知识社区精心为你整理