Design Token Generator by NUYsDev
by NUYsDev
Instantly generate Figma variables, semantic & primitive tokens
Installs
8
Likes
2
Users
80
Views
214
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
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility