Free UI Animation Course - Part 1 - The basics

Learning animation enables you to create transitions and micro-interactions for your UI work. It's invaluable to all UI designers that want to take their UI projects to the next level. In this series I'll explain the basics of animation and we'll be going more creative and in depth in future videos.

For this one you only need Figma and the Smart Animate function. It allows you to prototype screen interactions with some clever mini-animations built in. Let's explore prototyping together!

☝️ Watch next and be awesome!

🏆 Master design with me

👨🏻‍💻 About me
I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️

#uianimation #uidesign #freecourse

[saurabh]

Much Needed and at the right time I wanted !! thanks mate looking forward 🤝💯

[vanshikagargg]

Can't thankyou enough for this... I have been searching for this course since months... like an angel you came to rescue!

[regissarts]

Great stuff, Love animation. Thank you! for sharing Michael.

[mafruhfaruqi]

I instantly feel delighted seeing you coming up with new ideas! Go on...

[hetalpanchal]

Thanks a ton Michal for this amazing video, it's really helpful 👍👍 looking forward for more videos 😊

[anastasiadamian]

This series is going to be awesome! I know it already. Can't wait for next week's video.

[WrinklesNWarPaint]

Thanks for posting this! As a baby UX designer and a newbie to Figma, I found this video incredibly useful. I’ve played with transitions between screens, but it didn’t even occur to me that I could animate buttons. Thanks again!

[wareswaricz]

Just finished practicing this. I love every bit of it. Thanks for doing this.

[ogunsolajulius]

I really loved how you explained this, Michael, everything was so detailed and easy to follow. I can`t wait for the next part already, thanks.

[MohamedEssam-eseg]

michal you are amazing ..
can't wait for the rest of this series !

[onyeka_ezeneche]

Nice one!
Animate an on-scroll picture carousel

[Shubham_Toshniwal]

Awesome video!!! That is a pretty simplified explanation of UI animation! I love the series!😍😍🍟🍟🍟🍟

[GoddessofWarr]

Thanks for this video Michael ! This free course is impressive, love it from the beginning to the end... Your pedagogy is perfect, love the way you explain things, can't wait for the 2nd part !

[ride-time]

So many great tips. Looking forward to having a play around with some animations 😎

[chikeezeiru]

Nice one Michal!

Really enjoyed this.

You can show how groups of text or elements slide in on a scrolling page in your next video

[tobiawokunle]

Thanks a lot for this video. Cant wait for the next videos

[SkArifHossain]

Wow! Loved the animations! specially button animations were mindblowing 🥰

[karolinabossak-ahmad]

Great video! Looking forward to Part 2, 3, and more:) Could you do an on-scroll animation of a header for mobile?

[natalie-taylor]

This will be a fun course.

Ur skillset is so vast.
The only animation experience I've had, if u even want to call it animation, is w/slide decks. Hahaha
So much to learn 🙂🙏

[felcastt]

Hi Michal! I wanted to let you know how much I've been enjoying your 'Animation Tutorials'. They've been incredibly helpful in improving my skills. I was wondering if you have any plans to release paid courses for animations in the future?

Thank you for all the great content and I wish you a wonderful week!