Design Token Generator TCHER

About this plugin

TCHER Design Token Generator

No guesswork, no hassle — color palettes, typography, spacing, and documentation are all ready for you.

Plugin Features:

🎨 Color Palette

1. Ready-to-use palettes from top design systems like Tailwind and more.
2. OKLCH color space support for modern and accessible color workflows
3. Edit existing palettes or create your own Custom Colors directly in the plugin
4. Perfect for customizing and extending your brand colors.

🌗 Dual Mode Color Palettes (Light & Dark)

1. Built-in support for Light and Dark mode color palettes.
2. Easily manage and switch between modes for consistent theming.
3. Designed for accessibility and modern UI standards.

🏷️ Semantic / Alias Tokens

1. Predefined semantic tokens such as Success, Error, Warning, and Info.
2. Ensure consistent UI communication across products and platforms.
3. Accessibility-friendly color usage by design.

📋 Typography Tokens & Styles (scalable and consistent text styles)

1. Easily manage font family and text style

🔁 Font Replacer

1. Quickly find and replace fonts across your file
2. Replace fonts by Selection, Page, or Project scope
3. Designed for users who haven’t set up Typography tokens yet
4. Makes font management easier, faster, and more straightforward

🚧 Coming Soon…

1. Size & Misc Variables (standardized spacing and layout dimensions)