Tencent — One spec, six platform implementations — the broadest surface coverage in the catalogue.
Fit guidance has no recorded field-level check date. No readiness audit recorded.
TDesign is Tencent's open-source enterprise design system, published under MIT. The Tencent/tdesign repository holds the specification, documentation site and a theme generator; the implementations live in sibling repositories.
Tencent owns the specification and the implementations, developed in public on GitHub with a shared tdesign-common package holding cross-platform styles and behaviour definitions, so the platform libraries are meant to stay in step rather than drift.
The identity-bearing decisions, rendered. Names and values are illustrative — refer to the system’s official tokens reference for the canonical, current set.
--td-brand-color-7
Brand primary, default light theme
--td-brand-color-8
Brand, active state
--td-brand-color-1
Brand wash, lightest step
Exactly what ships in tencent-tdesign-design.md — plus the same token snapshot restated as CSS custom properties. Copy either, or feed the Markdown straight to an AI coding tool as styling context.
Restated from tdesign.tencent.com and Tencent/tdesign, links last checked 2026-09-16. The file lists its sources and method in a provenance block at the top.
# TDesign — Design Style Reference ```yaml # How this file was made. Sources are first-party; nothing here is # read from a rendered page. Full breakdown at source_page below. method: partial confidence: low verified_at: 2026-09-16 source_page: https://www.designsystems.one/design-systems/tencent-tdesign sources: - https://tdesign.tencent.com/ - https://github.com/Tencent/tdesign ``` > **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by Tencent. "TDesign" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values. **System:** TDesign **Owner:** Tencent **Official documentation:** https://tdesign.tencent.com/ --- ## Summary One spec, six platform implementations — the broadest surface coverage in the catalogue. ## Design tokens (illustrative) | Token | Value | Role | | --- | --- | --- | | `--td-brand-color-7` | `#0052d9` | Brand primary, default light theme | | `--td-brand-color-8` | `#003cab` | Brand, active state | | `--td-brand-color-1` | `#f2f3ff` | Brand wash, lightest step | ## Origin TDesign is Tencent's open-source enterprise design system, published under MIT. The Tencent/tdesign repository holds the specification, documentation site and a theme generator; the implementations live in sibling repositories. ## Governance Tencent owns the specification and the implementations, developed in public on GitHub with a shared tdesign-common package holding cross-platform styles and behaviour definitions, so the platform libraries are meant to stay in step rather than drift. ## Known for - Six first-party implementations, all real repositories: Vue 3, React, mobile Vue, Flutter, WeChat mini-program, and the shared tdesign-common core. - A published theme generator shipped as part of the system rather than as a side project. - Coverage of the WeChat mini-program surface, which almost no Western design system addresses at all. ## Underrated - The Flutter implementation. Cross-platform claims are common; a maintained Flutter library from the same org as the React one is rare. - tdesign-common as an architectural idea — a shared behaviour and style layer below the framework bindings. ## Watch out for - Documentation is primarily Chinese; English coverage is partial and lags the Chinese pages. - Breadth across six platforms means the platforms are not equally mature — check the specific implementation you need rather than the system's overall activity. ## Components worth studying - **Theme generator** — First-party theming tool published with the system, not bolted on. - **Mini-program components** — A whole surface class most catalogued systems ignore. - **Flutter widgets** — Maintained alongside the web libraries rather than as a community port. ## When to choose TDesign Worth studying if you are trying to keep one design language honest across web, mobile and a third runtime — TDesign has solved a harder version of that problem than most published systems. Read the Chinese docs or plan for translation. ## Apply this style with an AI tool Paste this into your AI coding assistant as a direction, then iterate: > Design in the spirit of TDesign by Tencent — One spec, six platform implementations — the broadest surface coverage in the catalogue. Lean into what it's known for: Six first-party implementations, all real repositories: Vue 3, React, mobile Vue, Flutter, WeChat mini-program, and the shared tdesign-common core. Match the intent, not the pixels; adapt it to my product rather than cloning it. ## Official references - [TDesign docs](https://tdesign.tencent.com/) - [Tencent/tdesign on GitHub](https://github.com/Tencent/tdesign) - [tdesign-common (shared core)](https://github.com/Tencent/tdesign-common) --- _Generated by [designsystems.one](https://www.designsystems.one/design-systems/tencent-tdesign) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
If you’re evaluating this system
Worth studying if you are trying to keep one design language honest across web, mobile and a third runtime — TDesign has solved a harder version of that problem than most published systems. Read the Chinese docs or plan for translation.
Where next
