Figma to Lottie Animations!

preview_player
Показать описание
Lottie has introduced support for Lottie to Figma animations which is pretty insane!

Here's my official Figma paid course which you can check out on:

You can use the voucher code: amsubscriber
To get a 50% off. I can’t wait to see you all inside.

Be sure to subscribe and hit the notification icon! It really helps me help you and others like you be better designers, freelancers, entrepreneurs, and people in general!
.
.
.
Subscribe to my newsletter to keep up to date on latest design/tech trends, update, tools and information! 🔥

👉 Follow me on LinkedIn and Twitter for more content.
Рекомендации по теме
Комментарии
Автор

Here's my official Figma paid course which you can check out on:
Use AMSUBSCRIBER voucher to get a 50% off. I can’t wait to see you all inside.

AMDesignAndDev
Автор

Nice instruction..."just figure it out". I'm actually here "trying to figure it out" why Lottie is doing some "weird stuff" and not rotating my objects properly when trying to export to Lottie. Unbelievable.

MarkDiSciullo
Автор

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?

EvelynArianiEscalante
Автор

how about show how you export the file??

Honkdonk
Автор

Hi there, thank you for sharing this tutorial! 😍

LottieFiles
Автор

I hope they add nested component variants to this.

SomethingVISCID
Автор

Can Figma&Lottie replace Google Web Designer for creating gif and html5 retargeting banners?

margaret_rejnowska
Автор

Really good tutorial I bet the bell was animating oddly because of the center point being off in every frame.

SF_Native
Автор

after exporting it in gif format when I send this gif to developers they don't implement what the solution of this thing ?

hsukjmj
Автор

i cant understand how do you create new frames or how do you add a sequence please do not ommit your hotkeys explain that please

jjcampis
Автор

where the download button gif in figma? i wanna download it after export to gif

rahmataulia
Автор

frames don't work - does it work with grouped elements instead?

PeterMussinger-Nagy
Автор

Have always wanted to ask how do u use fontawesome as an icon, please refer me if you have a video on it

loveworksinc.
Автор

the big question is, will is save the animation as svg format?

mschrimmer
Автор

WOW@! It is awesome! BTW, I am wondering, will you discuss the topic of how to optimize the gif for web use / share the tips in the future? I have made some research on this topic, but failed to find a suitable solution~

franceslim
Автор

i cant anime with lottie more than 3 frames..

carmelosuchi
Автор

the Lottie window which is the most important thing is getting hidden under your our face video. Defeats the purpose of tutorial

rohitraut
Автор

Yeah. NO. You can do only simple animations. You can't do anything other than simple linear transformations, there is no timeline where you can set and move keyframes.

LeonardLeon