Huevy - Color, Type, Size and Spacing Variables
Generate color palettes, typescales, sizes and spacing variables in seconds.
Plugin Preview
About this plugin
⚡ WHAT IT DOES:Generate color scales (primary, secondary, success, error and more) from any colorAuto-create typography variables (font size, weight).Auto-create spacing, sizes and border radius variables.Semantic name variables following industry standards (Primary-500, Secondary-700, etc.) that developers understand.Generate on Huevy app and sync to Figma in few seconds.🎯 HOW IT WORKS:Go to huevy.app website and generate colors, typescale and sizes.Copy API Key from right sidebar or from the dashboard. (Requires Sign in).In Figma Huevy plugin, enter API key to connect and then click Apply from the list of Design Systems from Huevy app.💡 PERFECT FOR:Jumping into designs faster. No manual palettes and other variables. Save hours of guesswork and setup.Consistent color scaling across teamsDesign-to-dev handoff (variables ready for CSS/Tailwind)📊 WHAT YOU GET:FREE- Color Palettes, Typescales, API sync, 1 design system.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.
Plugin Details
| Version | 4 |
|---|---|
| Created | September 9, 2025 |
| Last Updated | January 5, 2026 |
| Category | Import & export plugins |
| Creator | Huevy |
| Stats | 5 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:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://huevy.app
- https://static.figma.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML