Skip to content
StateMaker

StateMaker

by Tzvi Meller (tzmeller)

Auto-generate UI state variants from any design element with smart color detection

FreeFigma

Installs

8

Likes

1

Users

17

Views

46

Preview

StateMaker preview

About this plugin

StateMaker automatically generates complete UI state variants (Hover, Pressed, Focus, Disabled, Error, Success, etc.) from any selected frame or component.**Key Features:**• **Smart Color Detection** - Automatically detects whether to change fills or strokes based on your design• **15 Pre-built States** - Hover, Pressed, Focus, Disabled, Error, Info, Success, Warning, Active, Selected, Secondary, Tertiary, Loading, Dark Mode• **Custom Color Options** - Choose hex colors, Figma styles, or variables for each state• **Text Color Control** - Option to apply colors to text elements within components• **Design Preservation** - Maintains all layout properties, corner radius, and styling• **One-Click Variants** - Creates a complete Figma Variant Component Set instantly**Perfect For:**- Design system builders- Solo designers creating component libraries- Teams needing consistent state variants- Anyone wanting to speed up component creationSimply select any frame or component, choose your desired states, customize colors if needed, and generate professional state variants in seconds!

More ui kits plugins

View all