Back to Plugins
AutoState

AutoState

Adds a **Hover** state to any component or frame with a configurable transition.

Plugin Preview

AutoState preview

About this plugin

What it doesSelect a component (or a plain frame) and run the plugin. It will:1. Convert the frame to a component if needed.2. Duplicate it as a **State=Hover** variant.3. Wrap both into a component set named after the original layer.4. Wire an `ON_HOVER` → `CHANGE_TO` reaction on the Default variant, using the transition you configured.Usage1. Select a single component or frame on the canvas.2. Open the plugin (**Plugins → AutoState**).3. Choose a transition type, direction (for directional transitions), and duration.4. Click **Create hover variant** or press `⌘ Enter`.The resulting component set is selected and scrolled into view automatically.

Plugin Details

Version1
CreatedJune 28, 2026
Last UpdatedJune 28, 2026
CategoryPrototyping & animation plugins
CreatorBenjamin Dauton
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none