Skip to content
Design Token Generator by NUYsDev

Design Token Generator by NUYsDev

by NUYsDev

Instantly generate Figma variables, semantic & primitive tokens

FreeFigma

Installs

8

Likes

2

Users

80

Views

214

Preview

Design Token Generator by NUYsDev 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 all