Back to Plugins
TCHER Design System
Set up your Design System foundations — variables, styles, and tokens — in just a few click
Plugin Preview
About this plugin
TCHER Design System
No guesswork, no hassle — color palettes, typography, spacing, and documentation are all ready for you.
Plugin Features:
🎨 Color Palette
- Ready-to-use palettes from top design systems like 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.
🚧 Coming Soon…
- Dual Mode Color Palettes (Light & Dark)
- Semantic / Alias Tokens (Success, Error, Warning, Info) for consistent and accessible UI communication
- Typography Tokens & Styles (scalable and consistent text styles)
- Size & Misc Variables (standardized spacing and layout dimensions)
💎 Beta Release
Currently, all features are free. in beta version
Plugin Details
| Version | 1 |
|---|---|
| Created | September 13, 2025 |
| Last Updated | September 13, 2025 |
| Category | File organization plugins |
| Creator | Teach |
| Stats | 7 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the File organization plugins category.