TDesign
腾讯开源的企业级设计体系,把设计规范、Figma 资源和多端 UI 组件打包在一起,覆盖 React、Vue、小程序、Flutter 等栈,图标可调描边与多色填充,适合前端团队照着同一套规范快速搭出统一界面。

TDesign 是腾讯开源的一套企业级设计体系,把设计语言、视觉规范和写好的 UI 组件打包在一起。团队做产品时常见的问题是按钮大小不一、图标东拼西凑、设计稿和代码对不上,它想解决的就是这类一致性问题:设计师拿 Figma 资源画稿,开发者装组件库写页面,两边用同一套规范。
主要功能
组件按端分成三组:桌面端有 Web Components、Vue Next、React、Vue;移动端覆盖小程序、Vue Next、React、Uniapp、Flutter;另有一组 AIGC 组件,桌面端和移动端都有 Vue Next 与 React 版本。图标库支持一键调整描边粗细和多色填充。设计侧提供适配桌面端和移动端的 Figma 资源,样式抽成 Design Token,方便按品牌改配色。安装方式就是常见的包管理器,比如 npm i tdesign-vue-next 后在入口注册。
适合谁
需要快速搭出统一界面的前端团队、想直接拿现成组件画原型的产品经理,以及希望设计稿和代码保持一致的交互设计师。页面上的用户反馈里,有人拿它解决图标规格混乱,有人用它做设计稿还原,腾讯医疗业务还把自己做的 Chatbot 组件回捐进了项目。
费用与限制
采用 MIT 许可协议,开源免费,用不着注册账号就能看文档和下载资源。组件库本身不绑定具体业务,垂直行业的组件要靠社区和业务团队贡献,遇到冷门场景可能得自己封装。页面显示 10+ 个开源仓库、800+ 位开源伙伴,近期更新包括 Flutter 1.0、Uniapp 版本上线和 MCP 工具。