How Do You Animate on Figma?

Figma is a web-based design platform that has become increasingly popular among professional and novice designers alike. With its intuitive interface and powerful features, Figma makes it easy to create high-quality designs quickly.

One of the great features of Figma is its ability to animate objects within the program. Animating on Figma gives users the ability to add motion, transitions, and interactions to their designs.

To get started animating on Figma, you’ll first need to open up a project in which you want to animate something. Once your project is open, you’ll need to select one of the objects that you want to animate.

You can select an object by clicking on it or using the arrow keys to navigate through your project.

Once you’ve selected an object, you can start animating it by creating what are known as “keyframes”. A keyframe is a point in time where something changes or happens on the canvas.

To create a keyframe, simply click and drag on the timeline at the bottom of the canvas. This will create a new keyframe with a default duration of 1 second.

Once you have created your keyframes, you can customize their properties such as their duration and ease in/out settings. You can also add transition effects such as fades, slides, and bounces for additional visual flair.


Animating on Figma is easy and intuitive thanks to its powerful features and user-friendly interface. By creating keyframes and customizing their properties, users can quickly add motion, transitions, and interactions to their designs with just a few clicks of the mouse. With Figma’s animation capabilities at hand, designers can bring their ideas to life with ease!