Add Animations to your UI Designs + Hand-off to Developers

[@MriduMehta-d1j]

Hi Maddy, i edited the colour of an existing lottie animation. My developers are working with lottie in react-native and the edited lottie isn't rendering on iOS, though its working on android. The non-edited/original lottie is rendering on all devices. Any advice?

[@sheilannechabi8392]

Am wondering if you are using the free figma version ?

[@maddybeardUX]

I use the paid version :)

[@shaju7497]

Amazing Maddy.❤

[@georgiacarias2160]

Please keep doing what ur doing, these videos are so helpful!

[@khushbudas4736]

Maddy how can I remove the white circle from this gif🙂

[@bhargavpatel_]

Thanks

[@vishaln.h7342]

Hi Maddy. How to do this with our own components or interactive animations in figma?

[@josports2940]

Thank you very much, just what i needed 🔥👍🤗

[@thankgodlove]

Wow this is super helpful!! Thank you Maddy xo

[@mujadadhussain1383]

Is there any way to remove the background of these animation?

[@maddybeardUX]

Not that I know of. I believe GIFs inherently have backgrounds (just like jpgs) But when it comes to the code generated, I would assume there’s a way to remove the bg color? I haven’t looked into it though

[@mujadadhussain1383]

@@maddybeardUX Yes i've checked and we can make gif transparent in customize gif by reducing the opacity of color to zero.

[@Ninaav98]

Thank u, that was quick awesome video ✨

[@elizabethmessina6322]

Thank you so much! This is great

[@natalian8333]

Loved it!

[@君喬顏]

Awesome video!!👏👏👏
Can this effect be done in Adobe XD?

[@maddybeardUX]

As far as I know Xd doesn’t playback GIFs yet :/

[@君喬顏]

@@maddybeardUX What a pity, wish XD added this feature too😏

[@rossyrivasa]

Yes there is a Lottie Files plugin for AdobeXD

[@njengathegeek]

Cool animation

[@rohitjadhav8744]

Loved it 😀

[@xxxaslhrmln]

Nice! 👍

[@davidkhan1013]

I love u 🥰🥰🥰🥰

[@rabbythesr]

💚❤

[@davidkhan1013]

I'm from India