Design Token Generator by NUYsDev
Instantly generate Figma variables, semantic & primitive tokens
Plugin Preview
About this plugin
Design Token Generator by NUYsDev helps designers and design system teams instantly create scalable, consistent, and production-ready design tokens in Figma.
With this plugin, you can input your brand colors, secondary and accent colors, typography, spacing, and theme preferences, and automatically generate both primitive and semantic tokens using Figma Variables (native support).
✨ Key Features
🎨 Generate primitive tokens (colors, typography, spacing, radius)
🧠 Auto-map semantic tokens (primary, secondary, surface, text, states)
🌗 Built-in Light & Dark mode variable support
🔄 Fully compatible with Figma Variables & Design Tokens
⚡ Speeds up design system creation for web & mobile products
🧩 Perfect for UI kits, SaaS dashboards, apps, and component libraries
Plugin Details
| Version | 1 |
|---|---|
| Created | February 3, 2026 |
| Last Updated | February 3, 2026 |
| Category | Accessibility tools |
| Creator | NUYsDev |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥