# How to Animate Frames in Figma

> To animate frames in Figma, open the Prototype tab on the right-side panel and select your frames. Next, click the Add icon on the starting frame and drag it to the destination frame. Finally, configure your Trigger, Action, Destination, and select your preferred animation from the drop-down menu.

Canonical: https://livedemo.ai/tutorials/how-to-animate-frames-in-figma/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2f61d673bd5aa8e61a60/preview?step=1

## Steps

1. Head over to the right-side panel and tap the 'Prototype' tab.
2. After that, select the frames you want to animate.
3. Hover your mouse cursor over the frame you wish to use as the starting point. Subsequently, click the 'Add' icon and drag it to the frame on the other side.
4. Specify your preferred Trigger, Action, and Destination.
5. Finally, click the drop-down menu next to 'Animation' and select the specific animation you prefer to use.
6. After completing these steps, the animation effect will be added to the selected frames.