StateMaker
Generate UI state variants with best practices automatically
Plugin Preview
About this plugin
StateMaker automatically generates comprehensive UI state variants from your selected frames or components. Create hover, pressed, focus, disabled, error, success, warning, info, loading, secondary, tertiary, active/selected, and dark mode states with industry-standard visual effects.Features:• 16 pre-configured UI states with best practices• Smart color application (fills, strokes, or auto-detect)• Custom colors via hex, local styles, or variables• Dark mode variants with proper contrast• Text color synchronization option• Preserves original dimensions and typography• 1-click component variant generationPerfect for design systems, rapid prototyping, and maintaining consistent UI patterns across your projects.
Plugin Details
| Version | 2 |
|---|---|
| Created | August 4, 2025 |
| Last Updated | August 19, 2025 |
| Category | ui-kits |
| Creator | Tzvi Meller (tzmeller) |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the ui-kits category.
UI Components Kit
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...
UI Kit
Turn technical debt into design consistency.
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries