TCHER logo

Build FasterTokenizeEverything

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

Feature

A complete token workflow, ready to use.

  • Ready-to-use palettes from Tailwind and more.
  • OKLCH color space support for modern and accessible color workflows.
  • Edit existing palettes or create your own Custom Colors directly in the plugin.
  • Perfect for customizing and extending your brand colors.
  • Predefined semantic tokens such as Success, Error, Warning, and Info.
  • Ensure consistent UI communication across products and platforms.
  • Accessibility-friendly color usage by design.
  • Easily manage font family and text style.
  • Added support for spacing and radius tokens.
  • Helping standardize layout, spacing, and border radius across your design system.
  • 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.
Color SystemTypographySemantic MappingDual ModeFont ReplaceSpacing Tokens
Color SystemTypographySemantic MappingDual ModeFont ReplaceSpacing Tokens
Radius TokensDesign HandoffPlugin WorkflowDesign OpsSystem ConsistencyAccessibility
Radius TokensDesign HandoffPlugin WorkflowDesign OpsSystem ConsistencyAccessibility