Creating Lottie animations in Figma

Рет қаралды 30,492

Күн бұрын

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

Пікірлер: 27

@balajprasanna 7 ай бұрын

Amazing video Ridd! The content, the presentation - top notch. I am happy I found your channel. Thank you so much!

@alang253 6 ай бұрын

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!

@lukecresante 3 ай бұрын

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

@leeyujeong5462 4 ай бұрын

OMG… what a life and time saver for designers haha thanks for the video! 😊

@byAlexfromua 2 ай бұрын

Wow that was great! Thank you!

@hfromero 5 ай бұрын

Nice video, dude! I hope one day you can do a tutorial creating one of those

@Rita_Johanna 5 ай бұрын

love it!

@SanneWijbenga 27 күн бұрын

Life-saver thx! 🚀

@newtonoluoch8103 9 ай бұрын

Jesus Christ!. Thanks Ridd, I came accross your channel just the other day and you are super invaluable. Thank you.

@ridd 9 ай бұрын

Love to hear it 🙇‍♂️

@ridd 9 ай бұрын

Love to hear it 🙇‍♂️

@ridd 9 ай бұрын

So glad to hear it!

@zero81888 7 ай бұрын

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.

@TheWebCoder Ай бұрын

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!

@thatdavelilly 4 ай бұрын

What annotation plugin/widget you use bro?

@thompson.studio 5 ай бұрын

How are you playing it once on click? Can it be done with hover as well? *sad frustration noises*

@naxun1199 9 күн бұрын

Thank you for sharing! I would like to have the Figma source file of “Try Boolean Candle” for study. Is it possible?

@motiongraphik Ай бұрын

Brilliant video- thank you. But placing the lottie animations into Figma as Gif only. Most look really bad/pixelated. Unless i'm missing something.

@mariusorani 3 ай бұрын

Can Lottie also handle opacity and gradient?

@atulraajagrawal 8 ай бұрын

What's quick preview mode at 3:47?

@EvelynArianiEscalante 26 күн бұрын

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?