StateMaker
by Tzvi Meller (tzmeller)
Auto-generate UI state variants from any design element with smart color detection
Installs
8
Likes
1
Users
17
Views
46
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 allUI Kit
by Дмитрий
Turn technical debt into design consistency.
Handy Components
Paidby Arsen Kolyba
Instantly paste useful UI components like calendar, search, cards and more in Figma and FigJam
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
by Uwarp
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
UI Components Kit
by sleman safiah
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...