本文约 3200 字
预计浏览工夫：8 分钟
TDesign 是来自腾讯外部近 300 名设计师与开发者独特打造，经由 500+ 我的项目应用、验证和锻炼过的企业级设计体系，秉承容纳、多元、进化、连贯的价值观，TDesign 冀望与用户、行业及合作伙伴等一起打造具备竞争力的产品体验。
从设计登程，TDesign 提供了残缺的设计语言、视觉格调指南和设计资源，以及基于 Vue2、Vue3、React（Vue3、React 目前仍在 Alpha 版本迭代中）等业界支流技术栈的组件，帮忙开发者能够疾速开发桌面端、挪动端和小程序端等多个版本的应用程序。
如果你对于 TDesign 感兴趣，能够关上 TDesign 官网，体验 TDesign。如果你对 TDesgin 诞生的历史感兴趣，无妨来看看 TDesign 诞生背地的故事。
PART ONE
腾讯开源协同
TDesign 成长的土壤
自 2019 年开始，腾讯正式发表在外部推广开源协同，激励所有源代码对公司外部全副凋谢，独特合作。
也正是这样的开源协同的背景，使得腾讯的设计师和开发者们思考到：“有没有可能通过开源协同，解决过来腾讯外部团队别离保护设计体系，各设计体系之间品质参差不齐的问题”。出于这样的目标，在腾讯外部建设起了开源协同团队，来独特思考和钻研这个问题，在 2020 年 2 月份，通过屡次近程会议，确定了 TDesign 的产品指标和技术路线，并在全员的参加下独特投票选出 TDesign 的名字。
但 TDesign 应该是什么样的设计体系？
设计师们找到了答案：TDesign 该当是一个领有容纳、多元、进化、连贯的价值观，冀望为用户、行业及合作伙伴等打造具竞争力的品牌与产品体验的设计体系。
容纳，是为了让 TDesign 兼容并蓄，既能满足当下需要，也能利用于更宽泛场景；
多元，是 TDesign 该当可能赋能不同业务，摸索有限可能；
进化，是 TDesign 该当成为一个动静的设计体系，在“以用户价值为依归”的根底上，成长进化；
连贯，是 TDesign 须要用最大的致力去连贯赋能，联动融通。
有了指标和价值观，TDesign 也真正开始进入落地的阶段。
PART TWO
从协同到开源
TDesign 成长的历程
在我的项目刚刚落地时，通过外部发动的贡献者招募，少量设计师和开发者带着原有业务组件的教训、成绩和满腔的热血，在很短的工夫内产出了大量的设计稿和组件，实现了我的项目的初始化建设。但因为对跨技术栈保护组件库的复杂度意识不够，各个框架中对同一组件的文档和 API 实现都有差别，用户应用组件库体验不统一的问题，始终困扰着 TDesign 团队。为了解决合作的问题，TDesign 在进行第二期迭代时，通过一系列工具和工作流程来标准组件的开发过程，抉择更加开源格调的异步 issue 探讨，开发了工具来主动生成各个框架的 API 定义和形容文档，引入 CI / CD 流程来升高人工参加的比率，从而缩小因为人而犯错的可能。通过引入机器人的形式，来晋升信息推送的效率，让每一个人都能够时刻晓得什么事件是须要做的，什么事件是不须要做的。借助于这些更加“开源”格调的工具和合作形式，TDesign 的效率得以晋升，让 TDesign 在进行二期开发时，比预期更快地实现工作。
借助于异步和聚焦的探讨形式，问题能够被更加粗浅地探讨和思考，从而更容易得出一个合乎预期的论断，在开发时可能以更高的效率实现组件的封装和代码的编写。也正是这样更加开源的形式，最终构建出了现在的 TDesign。
PART THREE
从设计到研发
TDesign 的个性有哪些？
作为一款企业级设计体系，TDesign 的个性能够总结为如下三点：
1、残缺：残缺的技术、设计资源，将设计与开发者从重复劳动中释放出来
TDesign 为开发者提供了多种支流开发技术栈的反对：TDesign 曾经反对了 Vue2、Vue3、React 和挪动端小程序的开发，其余技术栈如 Angular、Flutter 也有相应奉献团队正在开发。
为了实现开发与设计之间的高效协同，TDesign 中蕴含了丰盛可复用的设计组件资源，如色调体系、文字零碎、动效设计、图标元素、布局构造等，笼罩反对 Axure、Sketch、Figma、Adobe Xd 等各大产品设计软件，将设计和开发者从重复劳动中释放出来。
除了惯例设计资源，TDesign 还提供了辅助设计工具如 Sketch 设计插件，也反对在腾讯 CoDesign、即时设计、Pixso、墨刀等市面罕用设计工具中应用 TDesign 设计物料。
2、统一：统一的设计和开发体验
TDesign 将腾讯外部多年设计教训提炼总结为业余的设计指南，其所提供的通用设计解决方案，可能帮忙产品经理、设计师、开发者等角色高效实现企业级产品的设计和研发，并放弃设计语言和格调的统一，满足用户体验的要求。
基于 TDesign 的设计体系标准，TDesign 同时上线了组件库的桌面端和挪动端，提供了多个技术栈实现版本。通过一系列合作流程和辅助工具，保障各技术栈组件 API 和实现产物统一。借助这些能力，使得我的项目即使应用了多种不同的技术架构或技术栈，开发者也可通过 TDesign 通用设计组件库进行开发，显著升高学习老本，在构建对立 / 多端笼罩 / 跨技术栈的前端利用时更具劣势。
3、易用：清晰的设计指南和开箱即用的解决方案
TDesign 设计体系在造成过程中，提炼了不同业务、场景的设计教训，提供了通用的设计指南以升高应用门槛。对于不同企业产品的品牌定制需要，TDesign 反对使用者对设计格调进行扩大，目前曾经将设计款式梳理演绎为 Design Token，造成一套企业外部的语义化设计规范，不便后续进行对立的治理和应用扩大。
在主题配置方面，TDesign 提供了亮堂和暗色两种模式，反对一键切换，晋升用户的应用体验。后续，TDesign 还会推出针对于不同垂直畛域的行业组件，笼罩更多的业务范围。产品团队能够借助内置的行业主题，疾速配置对应需要，启动业务开发。
TDesign 同步上线了一款开箱即用的中后盾框架 TDesign Starter Kit，开发者能够通过它疾速体验组件性能，也能够将它批改为我的项目根底脚手架工程，疾速实现从 0 到 1 的产品开发上线。
- TDesign Starter Kit：
https://tdesign.tencent.com/s…
PART FOUR
从过来到将来
TDesign 还将做些什么？
通过开源，TDesign 期待继续打磨出更加欠缺易用的组件库，包含在国际化、无障碍和适老化方面有更成熟的解决方案，对更多的产品和使用者有帮忙。
借助社区，TDesign 期待与更多产品设计师和开发者有业余交换，甚至是播种一个踊跃沉闷的 TDesign 社区。
十分期待你对 TDesign 的继续关注和反馈意见。更欢送同道中人的你参加 TDesign 的开源共建，与 TDesign 从开源到更加成熟的旅程中一起提高。
PART FIVE
如何体验 TDesign？
您有三种形式应用或体验 TDesign：
1、拜访官网 https://tdesign.tencent.com
2、拜访 GitHub 主页
https://github.com/Tencent/td…
3、通过 CoDesign 预览 TDesign 组件款式
腾源会（WeOpen）是腾讯云成立的汇聚开源我的项目、开源爱好者、开源领导者的凋谢社区，致力于帮忙开源我的项目健康成长、开源爱好者能交换帮助、开源领导者能施展首领价值，让寰球开源生态变得更加凋敝。