Skip to content
AutoState

AutoState

by Benjamin Dauton

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

FreeFigma

Installs

0

Likes

0

Users

5

Views

8

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.

More prototyping & animation plugins plugins

View all