Animated Illustration in Figma | Interactive Components

🎟️ //////////// Reserve a seat to my November 2021 workshop

🏆 //////////// Join my members community to get access to perks:
You can get this starting and ending design file

👋 ////////// Join the Discord Server and meet other creatives

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

🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship

👋 ////////// Follow me on Social

📫 ////////// Sign up for my Monthly Newsletter

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

🖥️ ////////// I build most of my websites using Webflow

💻 ////////// I host all my websites with Hostinger

🎵 ////////// Elevate your videos with record-label quality music from Musicbed

📸 ////////// The Equipment I use

[angelacalvin]

This was awesome! I am an illustrator and love animation, but new to it and prior to this I was learning alot of UI prototyping with microinteractions etc. So I am excited to combine these two things: illustration work within figma to create these fun animations. It is a great way to keep up on figma skills. Thank you! :)

[latade]

Been anticipating your version of the Interactive Component feature.
You didn't disappoint... 🙏

[campingandrelaxing]

Thank you for sharing! I really appreciate your energy in the videos you produced - you make design super fun for us!

[Valentynaua]

Your youtube channel is filled with so many great videos. I'm glad that I found it. Many thanks to you!

[WeirdSnakeGal]

This is so cool. It's a bit too advanced for me yet as I haven't learned what components are but I'm definitely going to try this out. I think Figma is a great place to get started with animation as it is really simple to use and free. On top of that there's a new plugin (Aninix) that allows you to create lottie flies in figma and export them as mp4, gif and Json. That's the best alternative I've found to adobe after effect so far.

[dauletbaimagamabet]

this is just sick, looks so good I'm, really jealous in a good way, amazed and inspired by this video! Great job!

[jieliu]

Thank you for sharing, Jesse. This hands on video is very helpful. Regarding your questions at the end of this video, I think I will choose whether or not to use the cartoon animation depends on the theme of the app. I'll use it when the app has a mood board that is relax, fun, easy, happy, etc.

[Iglooo]

I’ve gotta say you’re the only YouTuber with a background that I envy. I want your office! I really enjoyed the video as well👍🏼

[gyulboxing]

thank you for your time making this video available for everyone!

[smitasharda]

How do you turn the created animation into .gif for engineering hand off?

[NECRDYT]

Ayo, thank you so much! btw I love your behance streams <3

[nxpe]

I like how you explain things. I'm beginner level so the details are overwhelming, but you made references to relatable things like plates, stage, etc. and that idea behind the steps clicked for me. Thank you. ❤

[uicheetah]

That was cool. Keep providing us valuable content.

[gregdescargar]

great tutorial, and very cool illustration too!

[amosjerbi]

So cool of you for sharing this, but lottie files can get the same results with very little footprint.

[rudyromero]

Jesse, in final detail his foot JESSE HIS FOOT ITS BROKEN! & he's still Jolly!!

[DrDurango]

This is kind of useless without a way to export the animation out of Figma. Anyone have any good resources for this?

[Alisa-inspiration]

Wow that’s awesome! Thank you for sharing!

[alejandrodanieles]

Very good video, thanks for sharing. Could you tell me what program do you use to record your videos?

[MarnixdeVries]

Thank you for this valuable lesson. Great content! I think it's not meant to be a teapot but a watering can with all the nature going on in the illustration. But teapot works fine for me though ;)