The all-new LottieFiles is the hottest release of this week: “Create production-ready animations within Figma and export them as a Lottie. Apply animated presets to a single frame or string together multiple frames to create your fun animation. Bring the power of motion to your designs with LottieFiles for Figma.”
The team at LottieFiles explains how to recreate an animation from Apple’s iPad mini website.
Cool update to a LottieFiles plugin: “Instantly change the colors of your animation. Apply your own custom colors, or try out our carefully curated preset color palettes.”
Nice trick on using “after delay” animation in combination with a Lottie file to avoid an infinite animation loop and play it only once.
Ready for a @figma prototyping pro tip?— Ridd 🏛 (@Ridderingand) February 21, 2022
Use interactive components w/ @LottieFiles
It's the best way to add animations to your design system
Here's how it works 👇 pic.twitter.com/A4oxSfefJW
Dan & Xiang demonstrate what you can do with the LottieFiles Figma plugin.
“In this video, we will guide you on how to select a single frame from a Lottie animation from the LottieFiles Library and export it to Figma. Then, we will use this new SVG and place it as part of our UI and animate it in Figma using the prototype feature.”
Design Lead Gabriela Schmitz from LottieFiles gave a talk at Figma Meetup. If you didn’t try it yet, Lottie has a popular plugin for Figma.