StateMaker

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 generation

Perfect for design systems, rapid prototyping, and maintaining consistent UI patterns across your projects.