Huevy - Color, Type, Size and Spacing Variables

About this plugin

⚡ WHAT IT DOES:

1. Generate color scales (primary, secondary, success, error and more) from any color
2. Auto-create typography variables (font size, weight).
3. Auto-create spacing, sizes and border radius variables.
4. Semantic name variables following industry standards (Primary-500, Secondary-700, etc.) that developers understand.
5. Generate on Huevy app and sync to Figma in few seconds.

🎯 HOW IT WORKS:

1. Go to huevy.app website and generate colors, typescale and sizes.
2. Copy API Key from right sidebar or from the dashboard. (Requires Sign in).
3. In Figma Huevy plugin, enter API key to connect and then click Apply from the list of Design Systems from Huevy app.

💡 PERFECT FOR:

1. Jumping into designs faster. No manual palettes and other variables.
2. Save hours of guesswork and setup.
3. Consistent color scaling across teams
4. Design-to-dev handoff (variables ready for CSS/Tailwind)

📊 WHAT YOU GET:

1. FREE- Color Palettes, Typescales, API sync, 1 design system.
2. PRO - Color Palettes, Typescales, Sizes, Spacing, Border Radius, API sync, 5 design systems, Sync to dev projects.

Visit - Huevy.app for more details.

Reach out - [email protected] for questions and feedback.