Design Token Generator TCHER

TCHER Design Token GeneratorNo guesswork, no hassle — color palettes, typography, spacing, and documentation are all ready for you.

Plugin Features:

🎨 Color PaletteReady-to-use palettes from Tailwind and more.OKLCH color space support for modern and accessible color workflowsEdit existing palettes or create your own Custom Colors directly in the pluginPerfect for customizing and extending your brand colors.

🌗 Dual Mode Color Palettes (Light & Dark)Built-in support for Light and Dark mode color palettes.

Easily manage and switch between modes for consistent theming.

Designed for accessibility and modern UI standards.

🏷️ Semantic / Alias TokensPredefined semantic tokens such as Success, Error, Warning, and Info.

Ensure consistent UI communication across products and platforms.

Accessibility-friendly color usage by design.

📋 Typography Tokens & Styles (scalable and consistent text styles)Easily manage font family and text style🔁 Font ReplacerQuickly find and replace fonts across your fileReplace fonts by Selection, Page, or Project scopeDesigned for users who haven’t set up Typography tokens yetMakes font management easier, faster, and more straightforward📏 Spacing & Radius (New Feature)Added support for spacing and radius tokensHelping standardize layout, spacing, and border radius across your design system