Animate Text
Create stunning animated typography directly within Figma
Plugin Preview
About this plugin
Animate Text is a Figma plugin for creating highly customizable animated text, right inside Figma.
🚀 What it does: This plugin works on text layers inside Figma. It can animate text by letters, words, lines, or paragraphs, and there are a lot of properties to play with. It also works on multiple text layers at once.
This plugin creates the animations using Figma’s components and variants, which makes the process fast and convenient (no need to leave Figma, and no need to save gifs/videos on the computer).
⚙️ Additional capabilities:
- Customize properties like direction, duration, delay, stagger, easing, offset, clipping, scale, etc.
- Animate in, out, or in + out
- Repeat animations
📝 Instructions: Using this plugin is a breeze! Just follow these simple steps:
- Select text layer(s)
- Run the plugin, and choose the animation type
- Customize the properties as per your liking, and click on the 'Animate' button!
🔗 Additional Links/Resources:
- Easing curves: easings.net
- Create your own cubic bezier: cubic-bezier.com
Please note:
- Animating text with emojis and lists might not work
- When animating text with multiple lines, please ensure that you have added line breaks at the end of each line
Plugin Details
Version | 2 |
---|---|
Created | April 10, 2023 |
Last Updated | December 13, 2023 |
Category | Prototyping & animation plugins |
Creator | Aamir Shaikh |
Stats | 6509 installs, 709 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.