Variables Bae
Features
- One-Click Systematic Variable Creation: Create size, color, and type variables for a fully cohesive design system in Webflow with a single click.One-Click Systematic Variable Creation: Create size, color, and type variables for a fully cohesive design system in Webflow with a single click.
- Universal Import Options: Pull in variables from Figma, algorithmic setups, or bulk manual input โ no more wrestling with endless imports.Universal Import Options: Pull in variables from Figma, algorithmic setups, or bulk manual input โ no more wrestling with endless imports.
- Advanced Color Palette Generator: Generate accessible, customizable palettes in multiple color spaces (HSL, RGB, OkHSL, LAB, etc.), with hue shifting, lightness stops, and unique color naming.Advanced Color Palette Generator: Generate accessible, customizable palettes in multiple color spaces (HSL, RGB, OkHSL, LAB, etc.), with hue shifting, lightness stops, and unique color naming.
- Flexible Size Variables Setup: Define min, max, step, ease, and units (rem, px, em) with organized folders and name customization.Flexible Size Variables Setup: Define min, max, step, ease, and units (rem, px, em) with organized folders and name customization.
- Scalable Typography Scale Generator: Choose harmonious type scales with automatic utility class generation for headings, paragraphs, and more.Scalable Typography Scale Generator: Choose harmonious type scales with automatic utility class generation for headings, paragraphs, and more.
Enhanced security
This App supports enhanced security and management features.Approved by Webflow
Webflow has reviewed this app to ensure high quality site development. We do not endorse or certify these apps.Pricing
Free
LanguagesEnglish