TDesign:腾讯企业级设计体系的UI组件库详解

随着时代的快速发展,产品规模不断扩大,传统的研发模式已不能满足市场需求。如何在设计和研发工作中实现高效的协调已成为一个大问题。腾讯企业级设计系统TDesign大量开源,为产品体验设计提供了新的解决方案!

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

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

如何体验 TDesign

你甚至不必去腾讯的官方网站,直接打开高效的协作设计平台即时设计,你可以快速体验。即时设计内置了腾讯tdesign设计系统,可以直接在编辑页面上使用,无需下载或保存,非常方便,内置的tdesign设计资源可以直接拖动使用。

TDesign移动端组件https://js.design/community?category=detail&type=resource&id=625d5a8f26cd2b5d861b9ab7&source=csdn&plan=btt510

TDesign 的起源

过去,腾讯有许多设计系统和组件库类型的项目,围绕产品进行"分散"的快速迭代。各自的组件库产品由不同的团队和开发人员维护,内部重复工作,造成人力资源浪费,不同的设计系统带来了产品设计的不一致性。

2019 年,腾讯成立了开源协作委员会,通过内部开源协作,组织不同团队共同建设类似技术产品。通过开源协作,解决了过去内部团队维护设计体系和各设计体系质量不均衡的问题。

TDesign 的发展

TDesign在创建之初就坚持开源合作的原则,包括合作方案讨论、组件设计和API 制定过程在公司内部完全开放,引起了内部开发和设计师的广泛关注。

无论什么身份,TDesign都遵循平等、开放、严格的原则。在很短的时间内,产生了大量的设计草案和组件,完成了项目的初始化建设。并不断改进,最终构建了今天的TDesign。

为什么开源

对TDesign来说,开源是一个新的起点。通过开源,TDesign期望不断打磨出更完善、更易用的组件库,获得丰富的生态。

在社区的帮助下,我们希望继续与更多的产品设计和开发者沟通,成为更有价值的产品。从而更好地为设计师和开发者服务,帮助企业提高设计研发效率,为产品体验设计带来新的理念。

TDesign 产品特性

完整

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

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

TDesign还支持在新一代在线合作设计工具的即时设计中使用。即时设计作为一种高效的协作软件,可以帮助多人实时协作,使设计合作不受时间和空间的限制。团队可以创建共享组件和颜色/文本样式库,建立团队资源库,帮助迭代设计版本,建立产品设计规范,设计资源管理库中的组件和样式可以重用、修改和更新。

一致

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

易用

在形成和开发过程中,TDsign设计系统提炼了不同业务和场景的设计经验,提供了通用完善的设计指南,以降低使用门槛,并通过Design支持用户 Token扩展了设计风格。

相关推荐
郭梧悠2 小时前
HarmonyOS(57) UI性能优化
ui·性能优化·harmonyos
wyh要好好学习11 小时前
WPF数据加载时添加进度条
ui·wpf
code_shenbing11 小时前
跨平台WPF框架Avalonia教程 三
前端·microsoft·ui·c#·wpf·跨平台·界面设计
vvw&1 天前
如何使用 Docker Compose 安装 WireGuard UI
linux·服务器·ui·docker·容器·wireguard·异地组网
老码沉思录1 天前
Android开发实战班 - 现代 UI 开发之 Material Design及自定义主题
android·ui
lrlianmengba2 天前
推荐一款UI/UX原型设计工具:Icons8 Lunacy
ui·ux
PM大明同学2 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
软件小伟3 天前
Element UI如何实现按需导入--Vue3篇
前端·javascript·ui·elementui·vue
活宝小娜3 天前
vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden
前端·vue.js·ui
qianmoQ3 天前
Vue3 组件 view-shadcn-ui 2024.4.0 发布
vue.js·ui·开源