StateMaker

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 creation

Simply select any frame or component, choose your desired states, customize colors if needed, and generate professional state variants in seconds!