Creating Lottie animations in Figma
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 2024
- Learn how to create production-ready micro animations in Figma that you can export as Lottie animations
#figma #productdesign
🎨 Ready to become a better product designer? 👉 www.figma.academy
🐦 Discover more design deep dives on Twitter 👉 Ridderingand
I'm speechless. I'm updating my portfolio and the thought or rebuilding designs/transition/animations in AE or even Rive is so time consuming. Most of the designs I want to feature are already built out in Figma prototypes - my head is spinning on how easy it will be with this plugin!! I can do so much on my own now, and developers are going to love that I can just hand over the JSON file instead of them having to emulate my prototype!
Do you think most of that speed is coming from not having to redo your existing prototypes? It really is pretty crazy to complement a tool like Figma... Even non-designers like me end up is figma haha
Amazing video Ridd! The content, the presentation - top notch. I am happy I found your channel. Thank you so much!
OMG… what a life and time saver for designers haha thanks for the video! 😊
Wow that was great! Thank you!
Nice video, dude! I hope one day you can do a tutorial creating one of those
love it!
Jesus Christ!. Thanks Ridd, I came accross your channel just the other day and you are super invaluable. Thank you.
Love to hear it 🙇♂️
Love to hear it 🙇♂️
So glad to hear it!
Life-saver thx! 🚀
Thanks for the video, it was very helpful. Is there a limit to how many groups you can have in an animation frame? All of my frames are identical, I’ve just made certain layers visible at different points. Even so, certain objects just don’t show up when I export the prototype flow.
You briefly mentioned an "annotation component" and I'm intrigued! Is that preferable to raw annotation in dev mode? Is there anywhere to learn more recommended best practices around it? Thanks!
Thank you for sharing! I would like to have the Figma source file of “Try Boolean Candle” for study. Is it possible?
What annotation plugin/widget you use bro?
How are you playing it once on click? Can it be done with hover as well? *sad frustration noises*
Brilliant video- thank you.
But placing the lottie animations into Figma as Gif only.
Most look really bad/pixelated.
Unless i'm missing something.
Can Lottie also handle opacity and gradient?
What's quick preview mode at 3:47?
Hello, when I make an animation in frames in figma, it contains the pulse and a hand simulating a touch screen. But when I want to export by lottie I only see the pulse animation and not the hand, does anyone know why that could be?
Can i do this on figma web on ipad?
Have you played with Rive?
I'm filming a Rive Deep Dive in an hour :)
@@ridd Sick!
"Pretty powerful" yeh, no keyframes, no proper tools, you ok?