Advanced Smart Animate in Figma (Carousel, Loader & More)

[@patcharm]

I've been following you for a while and thank you so much for the on-point tips! Looking forward to seeing more of these advanced smart animation videos! Keep it up ;)

[@TimGabe]

hey Pat!! thank you so much for the kind and encouraging comment, it really is soo appreciated 🥳 will take note on the content request with more animation videos as well! 😃

[@reyhaneh5369]

I love the way you teach 😍 I appreciate for all these tutorials❤

[@TimGabe]

so nice of you to say. I will continue doing my best to create tutorials you'll appreciate 🥳

[@xhongaronga]

Been anticipating this one for a while now! Looking forward to it going live 🤩

[@TimGabe]

Erman, my brother 🤩 thank you for all your support!! ❤️

[@utkanucar]

Your videos are amazing man! I'm so glad to find you 🔥

[@TimGabe]

that really makes me happy, Utkan 🤩 excited to have you here!!

[@muhammadjawad6762]

I have been following you for a while now and Man you really deserve real numbers of subs. The way you explaing everything is so accurate and to-the point. Keep up the great work and hope to see more educational content from you in future. LOVE from Pakistan.

[@TimGabe]

it just seems surreal, getting kind comments like this. almost have to pinch myself… 🤩 thank you SO SO much, Muhammad. this really means a ton and I’m so genuinely grateful for the comment. loads of love right back at you my friend, all the way from Sweden!! 😍

[@MuhammadAsif-nb8oc]

watched and practiced it today, you have made it super easy. thanks

[@TimGabe]

happy to hear it, Muhammad! 🤩

[@MuhammadAsif-nb8oc]

watching your videos, find it interesting. you have made animation easier for me.

[@TimGabe]

that’s really cool to hear, Muhammad 🤩 thanks man!!

[@MuhammadAsif-nb8oc]

Dear Tim, I have a suggestion. I would request to please upload a video of a so that the viewer can learn and able to deliver something of value in the market

[@TimGabe]

thanks for the suggestion Muhammad! I’ll think of videos that could fit that description 👌

[@andreic048]

You are very good at explaining things. If you made a course, I'd buy it!

[@TimGabe]

that makes me really happy to hear, Andrei ☺️ thank you for sharing that, my friend 🙏

[@VanRealm]

Very cool . Can you export out the animations as mp4 if there’s no interaction on them, or what are the other export options?

[@Akash_Chopperla]

Really very useful and clearly explaained

[@TimGabe]

thanks a lot Akash! 🙏😃

[@reyhaneh5369]

I watched figma smart animate and master figma auto layout but the numbers auto layout and card mask in carousel is complicated for me. can i ask you to make more video about these ?

[@TimGabe]

will definitely do more videos on advanced smart animate in the future, Rey 👌 thanks for the feedback 🙏

[@ashwinsain7790]

Hi tim I’ve been following you from couple of months and I really love your content. But I wanted to ask you how to make this countdown auto layout. I’ve tried a lot of times but I’m unable to do it can you help me out here?

[@TimGabe]

hey Ashwin! if you follow every single step down to a tee, it should work 🙏 make sure you're naming layers correctly and grouping things correctly!

[@reneklokkerholm1453]

What u use for exporting the prototypes to video? :)

[@MilanB]

I've watched all of your videos in one day 😆

[@TimGabe]

haha, I love it Milan!! this makes me so pumped to create more videos 🤩

[@Ashish_yadav-]

thank you

[@MuhammadAsif-nb8oc]

Hi Tim, Hope you are doing well i want to ask one thing, i have thoroughly watched this video and practiced it too. i want the animation to work in a loop means while i drag eleven to right i should move back to max at no. 1 and similarly if i move to left on max i should see eleven. how should i do to get this loop completed. either i have to add new frames (to the left and right of max and eleven respectively) or the just porotype interaction will work like in the case of mike where we can move from left to right frame. please guide.

[@TimGabe]

hey Muhammad! to my knowledge you can’t achieve a “real” loop unless you hack around it by adding the same sequence of cards after each other again and again. 😩

[@svetlanashebika8127]

Thank you!

[@TimGabe]

thank you right back, Svetlana 😃

[@rajashekar96brochill3]

maaaaan your are life saver thanks for everything bruhh🤩🤩

[@TimGabe]

happy you like it, my friend! 😃

[@prasadsachintha9302]

Thank you sir ❤️

[@TimGabe]

thank you for the comment, Prasad! 🤩❤️

[@akirahojo2]

How do these smart animation attributes (mass, stiffness and damping) translate to html/css/js?

[@lovejko]

Tusen tack!

[@TimGabe]

tack för kommentaren! 🥳

[@ceriousx]

How to master custom spring codes?

[@TimGabe]

hey Uzair! ☺️ I cover spring animations briefly in my Smart Animate video: kzbin.info/www/bejne/qpnTnYGbpqpsisk

[@Amandgoyal]

Hi. I have been trying to practice with Figma file provided in link but it is not editable, nor I can create branch, can you please provide appropriate permissions

[@AtanasLambew]

how to export to use this animation, and use it? What we export video or gif

[@TimGabe]

unfortunately, you can't export it as code... you could however use a screen recorder like getkap.co/ and then just export it. 😃

[@AtanasLambew]

@@TimGabe thank you.

[@priyanshubardhan1349]

9:53 can u plz what u did here? i tried so hard but cant figure out how did u change that bg color

[@TimGabe]

happy you liked it, my friend!!

[@f..k9386]

he just copy the liner color and paste it on the color frame, and you can copy the color by aiming on the color and press C+Ctrl and paste by... i hope you understand good luck

[@AdesanyaAyodejiCeg]

you good!

[@TimGabe]

you're good, Ayodeji!