Introduction
Integrating Lottie and Figma
()
1. Lottie and Figma Integration
What are Lottie Animations?
()
Creating a Lottie account
()
Installing the Lottie Figma plugin
()
Using the Figma plugin
()
2. Controlling Lottie Animations in Figma
Frame animation
()
Text transitions
()
Animating shape changes
()
Convert smart animations to Lottie animations
()
3. Using Lottie Creator
Lottie Creator interface overview
()
Preparing the workspace
()
Importing content into Lottie Creator
()
Using the Shape tools
()
Animate a shape
()
Animate a gradient
()
Timeline animation
()
Final tweaks
()
4. Lottie Creator and Figma Integration
Interactivity
()
Using Lottie files with Figma variants
()
Optimizing Lottie files
()
Ex_Files_Integrating_Lottie_Figma.zip
(377 KB)