Confetti Figma Animation using Lottie & Smart Animate — 📎 With Practice File

Learn to use Animated GIF files to create Confetti - Figma Button Animation using Lottie Plugin & Smart Animate.

Practice File

Aaron's Dribbble Shot-

LottieFiles Website link-

Playlist for Free and most complete Figma Course

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.

If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #design #tutorial #ui #ux

[funside]

Thank you for showing the tutorial, the confetti which i made was for a mobile screen, so if that confetti eas for a cone that would be awsome

[akashuxer]

yes..it looks awesome brother.. nice to have weekly micro-interactions tutorials...#thanks man

[kaungmyatkhaing]

Can I know what app you use in the video to temporarily store the file in between drag and drop action?

[RelaxingMusic-iplp]

It was awesome. I really love it.
All the tecchnic was very use full

[CynVal]

Thanks so much for this video! Super helpful!

[ahamedsamsudeen]

you are just awesome man!😍 Keep helping designers by your wonderful videos👍

[ashishkaroshi]

thanks Uday. nicely explained.. keep doing it 👍🏻

[CarineLarmusc]

Thank you very much for all the great tutorials. They really make me progress in Figma! I love it even more thanks to you :)

[srishtivashishtha]

I am trying to add the confetti animation in figma but there is a white background. I am not able to remove it.

[sayekatchakraborty]

Thanks bro.. Happy New year too. Waiting for the next year with new tutorials. Yes, egarly Waiting for the advance vector tutorials.

[RelaxingMusic-iplp]

Hi bro,
For behance case study. Which tool is easy to show video in mobile frame. With figma design.
Eg. Figma art board have mobile mockup and other elements n description. How to show case video in Mobile, n upload to behance

[pathtonirvanapodcast]

Hello my friend, fantastic work! I’m a UX/UI student, also starting my own UX YouTube channel soon. I had a question about the tool you have in your finder to drop files into Figma? That is cool! How is that done?

[vijitsharma]

Can you please tell us that where does after effects has an edge over the smart animate in Figma and how can we upload our prototype from figma in dribbble?

[willd]

Good job, thank you! Can you do some tuts on advanced vectors please?

[Kefmoles]

Nice tutorial. Please kindly do a video on Advance Vector Tutorial

[ishaartworks]

Your tutorials are unique ;)
Btw, what software do you use for video editing?

[Daadaala]

thanks for your tutorial!
I have some question about setting the number of interaction (after delay ... ms/ ease in-out ... ms)
how do you measure for the time?

[priyankabulia]

Hello sir, Yes, can you create video on advance vector design?thanku sir.