Design Token Generator TCHER
Set up design tokens for your design system — simple and consistent.
Plugin Preview
About this plugin
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 top design systems like 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🚧 Coming Soon…Size & Misc Variables (standardized spacing and layout dimensions)
Plugin Details
| Version | 23 |
|---|---|
| Created | September 13, 2025 |
| Last Updated | February 2, 2026 |
| Category | File organization plugins |
| Creator | Teach |
| Stats | 16 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:plugin.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://alneoxrjwcawtwegjdvf.supabase.co
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the File organization plugins category.