At LottieFiles, I’ve been working with the team on a plugin for Figma. We want to help designers by creating tools that would speed up and improve their workflow, and since Lottie burst into the scene, it totally made sense for some sort of integration with LottieFiles could prove useful.
LottieFiles for Figma will now make life easier for designers and their stakeholders.
- drag and drop dotLottie (.lottie) and Lottie JSON (.json) files
- insert animation frames as SVGs
- insert animations as GIFs (playable using Figma’s prototype feature)
- access 1000s of free Lottie animations
- access all your previously previewed animations
Thanks to the team with whom I really couldn’t have done this without.
Try the plugin for yourself https://www.figma.com/community/...
Feedback is welcome!
I was going to cover this on my youtube channel (designcourse), but unfortunately not being able to import SVG's that actually animate in the prototype is sort of a deal breaker for me. Why are they not playable in figma's prototype feature?
I tried the animated GIF's feature with 1 lottie animation, and unfortunately the quality just wasn't there.
Hey Gary, I 'll consider adding in the SVG smart animation feature on Figma (not sure if the plugin API supports it. will look into it). Or if Figma supports Lottie animations moving forward then it'd be even more awesome.