In this issue, we recommend a Tencent open source enterprise-level design system – TDesign.
TDesign is an enterprise-level design system precipitated by Tencent’s business teams in the process of serving the business.
TDesign has a unified design value, a consistent design language and visual style, to help users form a continuous and unified experience perception. On top of this, TDesign provides out-of-the-box libraries of UI components, design guidelines, and related design assets to free design and R&D from repetitive work in an elegant and efficient way, while making it easy for everyone to build on TDesign to better meet business needs.
TDesign Origins
In the past, many teams within Tencent have built different design systems and component library products to meet their own business requirements and improve R&D efficiency. These systems are maintained independently and separately from each other. And as the scale of the internal business continues to expand, this fragmentation is becoming more and more serious.
In order to cope with this situation, Tencent has established an internal Open Source Collaboration Committee, which refers to the organization of the open source community and brings together different technical teams of similar projects to build open source together. In this context, TDesign came into being to build a complete and easy-to-use design system and component library products in an open-source and collaborative way within Tencent.
Features
complete
It supports the development of Vue 2, Vue 3, React and mobile Vue 3 and WeChat Mini Programs, and other technology stacks such as Augurar and Flutter are under development
Provide a rich variety of design resources, including Figma, Adobe XD, Sketch, and more, to free designers from repetitive work
Auxiliary design tools such as Sketch design plug-in are provided, and they can also be used in common design tools on the market, such as Tencent CoDesign, Instant Design, Pixso, and Ink Knife
unanimous
Having a unified design value and visual style helps products maintain a consistent product experience throughout the cross-device design and development process
The API definition and implementation of each technology stack product are consistent, which is more advantageous when building unified/multi-terminal coverage/cross-technology stack front-end applications
Use
Refine the design experience of different businesses and scenarios, and provide general design guidelines to lower the threshold for use
Users can extend their design styles through Design Tokens
The Starter Kit is provided to help users get started quickly
warehouse
TDesign is a multi-repo, TDesign has the following code repository:
Primary and generic warehouses
TDesign Main Repository and Documentation: https://github.com/Tencent/tdesign
TDesign Public Icon: https://github.com/Tencent/tdesign-icons
TDesign Public Style: https://github.com/Tencent/tdesign-common
Desktop component library
Vue 2.x Technology Stack: https://github.com/Tencent/tdesign-vue
Vue 3.x Technology Stack: https://github.com/Tencent/tdesign-vue-next
React 16.x Technology Stack: https://github.com/Tencent/tdesign-react
Angular 10-based implementation: tdesign-angular is coming soon
Mobile component library
Vue 3.x Technology Stack: https://github.com/Tencent/tdesign-mobile-vue
WeChat Mini Program: https://github.com/Tencent/tdesign-miniprogram
React 16.x tech stack: tdesign-mobile-react tech stack
flutter 1.17.0: tdesign-flutter is coming soon
Starter and surroundings
Scaffolding for TDesign Solutions: https://github.com/Tencent/tdesign-starter-cli
Tdesign-VUE-based solution: https://github.com/Tencent/tdesign-vue-starter
Solution based on tdesign-vue-next: https://github.com/Tencent/tdesign-vue-next-starter
You can read more on your own.
