Animate text layers

Text animation styles let you quickly apply motion effects to text layers in your designs.

There are two types of text animation styles:

• Basic: Applies a single-property animation to the text layer, which you can customize to fit your needs
• Composite: Applies refined motion out of the box, often combining multiple basic text animations to create more complex movement

Apply a basic text animation style

1. In Figma Motion, select the text layer you want to animate.
2. Click Add Animation in the Animations section of the right sidebar.
3. Choose Text from the list of options. If you don’t see the Text option, make sure you’ve selected a text layer.
4. Use the settings to configure the animation’s direction and the unit of text it applies to (character, word, line, or paragraph).
5. Click Text stagger settings to access additional settings.

Apply a composite text animation style

1. In Figma Motion, select the text layer you want to animate.
2. Click Animations in the Animations section of the right sidebar.
3. From the dropdown menu, choose Text enter or Text exit.
4. Browse through the list of available styles. You can hover your cursor over a style to preview it on the canvas.
5. Click on a style to apply it.
6. To customize an animation further, select it on the timeline or in the Animations section, then use the settings to modify the motion.