[{"_1":2,"_80":-5,"_81":-5},"loaderData",{"_3":4,"_6":7},"root",{"_5":-5},"user","routes/tag.$slug",{"_8":9,"_69":70,"_77":72,"_78":60,"_79":61},"posts",[10],{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":-5,"_34":35,"_36":37,"_47":48,"_62":63,"_64":65,"_66":67,"_68":32},"documentId","jqzriq6sskzzx6ok390kqnaz","title","Tencent Opens Up Enterprise-Level Design System TDesign","slug","tencent-opens-up-enterprise-level-design-system-tdesign","excerpt","On December 23rd, Tencent announced that TDesign, an enterprise-level design system, was officially made open source.","content","\n

On December 23rd, Tencent announced that TDesign, an enterprise-level design system, was officially made open source. As an enterprise-level design system that has been tested by over 500 internal businesses, TDesign brings together Tencent's extensive component library capabilities, design and R&D experience.

\n\n\n\n

TDesign now supports mainstream technology stacks such as Vue 2, Vue Next and React, making it more convenient for users to quickly develop multiple versions of applications such as computer apps, mobile apps and mini programs. The opening up of the source code means that designers and developers will be able to better help enterprises improve their design and R&D efficiency.

\n\n\n\n

Tencent's TDesign hosts a range of reusable design components, such as color and text systems in addition to dynamic design while supporting major product design software such as Axure, Sketch, Figma, Adobe XD, and others. Users can view tutorials and code demonstrations for components as they need, and can build their own product interface through simple operations.

\n\n\n\n

In terms of product design, TDesign has built a set of general solutions, which has refined Tencent's extensive internal design experience into a professional guide, and has significantly lowered the threshold of product design.

\n\n\n\n

In addition, TDesign provides auxiliary design tools such as the Sketch design plug-in, and supports the use of design materials in Tencent Codesign, Instant JSDesign, Pixso, Ink Knife and other commonly used design tools on the market.

\n\n\n\n

The next step for the company is to provide industry components in different vertical fields, covering more businesses in its scope. Product teams can quickly configure corresponding requirements and begin developing their businesses with the help of built-in industry themes.

\n","publishedDate","2021-12-30T19:57:18.000Z","featured",false,"viewCount",0,"readingTime",2,"status","draft","language","en","featuredImage","featuredImageUrl","https://assets.pandaily.com/uploads/2021/12/TDesign.jpg","categories",[38],{"_11":39,"_40":41,"_15":42,"_43":44,"_45":46},"g4fec3qxgdgpnifg4f4r7n0q","name","Industry","industry","color","#000000","description","","tags",[49,54,58],{"_11":50,"_40":51,"_15":52,"_43":53,"_45":46},"x09mh85l007rgbfmxlwuzjje","Design","design","#6366f1",{"_11":55,"_40":56,"_15":57,"_43":53,"_45":46},"p8v6n3k2f967nvq14t5wj3vz","TDesign","tdesign",{"_11":59,"_40":60,"_15":61,"_43":53,"_45":46},"pjbwuensqaxinrjnpwxhmhbl","Adobe XD","adobe-xd","createdAt","2025-06-24T22:31:25.577Z","updatedAt","2025-06-24T23:48:58.894Z","publishedAt","2025-06-24T23:48:58.925Z","locale","pagination",{"_71":72,"_73":74,"_75":72,"_76":72},"page",1,"pageSize",12,"pageCount","total","currentPage","tag","tagSlug","actionData","errors"]

Tag: #Adobe XD

Tencent Opens Up Enterprise-Level Design System TDesign