Agentic demo automation is here.
Meet Lily
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
Start free

How to Animate Frames in Figma

‍

‍

It is very easy to animate frames in Figma. Here’s a quick guide on how to do it in simple 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.
Similar Articles

How to Create a Figma Plugin

How to Use SF Symbols in Figma

How to Embed a Figma Prototype in Google Slides

Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Chrome Extension Icon
Try our Chrome extension
DOWNLOAD

Desktop app for macOS
DOWNLOAD
Backed by
Y combinator
AICPA SOC
GDPR
Products
Guided DemosSandbox DemosDemo Hub
Featured
Account RevealPersonalizationIntegrations
Solutions
EnterpriseGrowth & Demand
MarketingProduct MarketingSalesPresales
Resources
BlogTutorialsHelp DocsWhat’s NewDemo DundiesPlaybooks
Company
CareersPricingPartnersContactTrust CenterDemo Abuse
Customers
Demo ShowcaseCase Studies
Built in San Francisco Bay Area - ©2025 Storylane
Backed by
Y combinator
AICPA SOC
GDPR
Privacy PolicyTerms & Conditions
X Corp (formerly Twitter)LinkedIn
This website uses cookies to ensure you get the best experience on our website. Learn More
Got it