# How to Make Your Figma Design Interactive

> To make your Figma design interactive in Figma, open the Prototype panel, select a starting frame, and drag a connection to another frame. Next, configure your trigger, action, and animation settings. Finally, click the Present button to test your interactive design.

Canonical: https://livedemo.ai/tutorials/how-to-make-your-figma-design-interactive/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a495aab56e05a00ff447d/preview?step=1

## Steps

1. Head over to the right-side panel, then click 'Prototype'.
2. After that, find and select the frame you wish to use as the starting point.
3. Hover your mouse cursor over the selected frame and click the 'Add' icon attached to one of its sides. Subsequently, grab and drag it to another frame you wish to use.
4. Configure the Interaction settings based on your preferences. Specify your desired Trigger, Action, and Animation.
5. Once done, tap the 'Present' button at the top-right corner.
6. After completing these steps, your Figma design will become interactive. Simply input the trigger action to check how your design will respond.