Build your basic page structure based on the atomic design system.
constructor, banner
Lists all styles in design file
Save and apply style combinations, such as fills, corner radius, and more
Populate your designs with detailed sets of real data, or use your own data
Export CSS variables form figma variables
Insert Status and Home bar to your screens in a single click
Easily insert mathematical formulas
constructor, icons
Easily export your variables collections to CSS or SCSS with hierarchy fragmentation feature!
Link spacing variables with your design system.
🍭 AI Powered Color Palette Generator Based on Your Product Description
Easily swap colors with variables from your team libraries
Identify design system issues and fix them in one click.
Color generator the ultimate plugin for Figma
Create color variables from selection
Craft Design Variables with a Click (Colors, Spacing, Sizing, and others)
Request a plugin feature or suggest an idea for developers to build.