As a designer transitioning to Figma without a mentor, just wanted to say thank you for taking the time to create this content. Very helpful and engaging :)

Beginner: Wait, It's all masks and easing? Pro: Always has been. Thanks so much for these tutorials, you make the info very easy to grasp. Especially love the bits where you show what you'd assume the next step would be then show a good workaround to get the desired result. I honestly feel silly not having realized figma was capable of such slick motion haha.

I loved how you were done with it halfway. So relatable. Thanks a lot for this Carola!

12:19 I was thinking that while watching your video and I'm glad I got it right. Btw, your video is very thorough and not over-professional. I love how you actually show the process of making it without cutting the mistakes or anything. This will helps us a lot more and know how to fix problems when it occurs. This is simple but much preferable to the professional video that always shows no mistakes just the perfect step to reach the perfect result.

This was probably the best tutorial I have seen on smart animate. Thank you so much!

Carola you are great! I love the way u explain with no additional unnecessary time consuming words :) (so I can watch the tutorial at normal speed). The mistake part was actually extremely helpful, never leave it out! Thank you for this tutorial, I'm so glad I've found you!

Love the personality you show in you tutorials.

It was fun to learn these new techniques, keep up the good work and btw the background looks soothing, felt at home watching this 👍🏼

Your videos are a joy to watch. Please keep them coming.

Thank you for this video tutorial, tried following along so far and am able to execute it! The instructions are clear as I have encountered videos/'fast' tutorials that seem to skip some steps in between, so that leaves newbies confused halfway, unable to reach the end result.

Thanks from Brazil Carola! This tutorial is simply amazing! I'm learning so much through your channel, and I'd like also to say that you speak English pretty well haha.. for those who aren't native speakers you speak very clearly.

The best figma animation tutorial! Thank you, Carola! Your videos help a lot)))

Such a great tutorial. I love it you not only tell the steps but also explained why. Thank you!

this is a really good tutorial of figma smart animation, thank you Carola!

You’re a beast. You explain simply and show so much

These tutorials are amazing!

It was fun to watch. You are welcome to stay seated in your living room. Looked very cozy XD Thx again!

Love your lessons. Thank you!

More figma tutorials please. It is really pleasant to study with you)))

Such a well made tutorial! Thank you so much 🙏

Awesome content! These are great simple tricks!

Wonderful tutorial, Carola, thank you!

Thank you so much for the EXCELLENT content !!!

This video is awesome! Please do more tutorials like this!

Love your videos. Very well explained. And cool! :)

Thanks for using general wording and terminology instead of going into technical details... Couldn't find any other video that explained it so simply :)

You are really good at doing this vlog thank you for your work :D

This was worth the watch. Thank you

SO good and helpful!! Please do more!! ^_^ I don't mind if they're long

Great tutorial, and kudos to be honest about the mistake you made as it's a very easy mistake to make and it's great to see how to recover from it. Figma can be a great tool but it's also sometimes very rigid and if you are not following exactly the strict rules of Figma things can get messy very quick especially with smart animate.

Found this super helpful, thanks!

This was beyond amazing

More figma tutorials please :)

Very nice tutorial, thank you!!!

Thank you! This is incredibly helpful!

So simple! Thank you

Hey Carola, I think need not be apologetic in accepting that you made a mistake, this is in fact this is good learning for us as well. the choice of the shape for the mask really matters. I think in Smart animate, one needs to keep the end states in mind and make the choices of the shapes. Great learning keep sharing these videos.

Very Nicely Explained with a sweet gestures🐼

Thanks a million, this is so useful!

Your contents are awesome !! Keep going ...

Fewwww !! finally I'm able to create some great prototype. THANKS 👍

Thank you so much Carola

Loved it thanku soo much❤😍

thank you for this video. love you

Figma needs another abstraction which is a sequence of frames that have transformations of the same layers. Then it's essentially Flash

Amazing!!!

Thanks a Ton Carola, Love from India

Wonderfull really thank you I was struggling on figma

This was helpful cheers

great! thank you!

Great and you looking so sweet as a teacher. I want to learn more from you.😊

Thank you for good tutorial 🤝

Thx Carola for the tuto really helpful and simple Also little oopsie she did Check this timestamp first 12:07 she says to use a square then make its radius 100% to make it an elipse, do this first (at the start) else you'll have to do some rework.

Thank you very much for your videos 📼 you are the best 🌟 👩🏻‍🎨

Thank you a lot!!

Hi, thank you for this tutorial, especially the mistake you did in this tutorial. I mean, I was repeating the same action you were doing. In the middle of your project, you made mistake and apologised and fixed it in a short time. While I spent about 4 hours fixing it. To be honest thank you for this mistake because I learned a lot of things by fixing my mistake. Thank you so much, your project is really good and helpful.

Thank you so much :)

Great tutorial ! You from Canada ? :) Have a good onee

Hey thanks for the tutorial

Gud video, also be prepared next time for providing your best teaching exp.

Nice Work Lady,,...!

I need to learn so much. There is lot to learn

figma wizardry 101 🧙, I wonder if you have also have some floating animations on your channel. Gotta check em all out after this :) thanks for all these amazing content

kindly make more figma tutorials focusing mainly on animation plugins.

Thanks

Great video, this is called morph transition in PowerPoint.

Fantastic tutorials, Carola! One quick question, a long time after you posted this: using your masking trick w/ an opacity shift from one frame to the next doesn't seem to work on frames that have Autolayout. Of course, I could be going about it wrong, but am wondering if you've run into this problem and-if I'm right about it being problematic-if there's a workaround?

Thankssssss

Smart animate is awesome but like RAM grinder, when you want to make advanced animations laptop is getting angry :D Thank you for this content!

So useful thanks! How would you export this to present it? Just good ol screenroder?

please make more tutorials on figma

Please upload a video "How do you do a project from start to finish" I badly need that :(

Hi Carol, thanks for your videos! I have a question, is it possible to make an infinite autoplay carousel of logos or images in figma?

Thanks for this tutorial. I'm wondering if you can control the auto animate features separately on a different timeline. Sometimes you just don't want each animation starting at the same time.. Is there any sort of workaround to achieve this?

I've been trying to follow this tutorial for a couple of hours now and don't get the same shape for my images despite using rectangles with a corner radius of 100 as you suggested midway through the video, and even after creating the masks over the text for the third slide, my prototype does not bring up the job title. I've tried to reduce the size of the text box so that it is hidden on the previous frame but this hasn't worked either.

200 IQ animations

Do these Smart Animations have hover and click interactions or is this more like a movie/gif? Does it work exactly the same when you export as an html website? Have you tried uploading it to Webflow or something similar to see if it animates the same?

For some reason when I do the 3rd frame and then prototype, the first screen is all white instead of the image with the lady and leaf with orange background. what could be the issue?

thank you for your video. But when I try to mask the text to reveal from side it works, but when I try to group the rectangle mask and text together, it won't appear as a sideshow; it works as fade and popup in palace, how can I group the masked text with shape and keep side reveal like what you did with "patritia Johanson" name in 7:14 .

Is there any way to export a video of the animations? I just use Figma for my ads but I have to manually screen record and crop the video, I just want a way to export it at the right width and height as an mp4 file.

Dear Carola, Please make more videos. That is all. Sincerely, Jordan.

How do you export for web after animation???

Nice Carola, you are invited to India. Plan sometime, it will be pleasure to meet you :)

"Part two of a two part "two"-torial" was that intentional? :P

Hey Carola & all of you who read this question. Where can I get the map picture for my location from?

the animation was cute like u...... :)

Can u do it an example please from start

Hi Carola Can i use your videos on my course for my students in my website FOr copy right reasons i need your permission

Hey guys I m new at Figma It is been amazing so far and now I m trying to sort out nice animation for my first prototype but can't figure out a simple thing. Ho do I make "like button" turn to red when I click on it? I v been seeking in Internet for hours and watched a bunch of videos about animation but can't find an answer anywhere. Please if anyone could help me?

is this actually indicative of the industry practice of smart animation? i am really curious cause it seems a bit detached from the problem solving nature of the feature

Hi, why isnt the tutorial page loading at all when i present in protorype mode?

Safe travels!!

What natural beauty you are ma sha Allah :) Ps. I am a woman.

you look tired at the end😊😊😊😊❤❤❤❤

After study Figma and XD for a month, I found that i must go to learn Html CSS JS... Without programming , it doesn't come to real...

In preview she looks like Mia Khalifa, gentlmens we got her

Love it (except the cringey pronouns)

I don’t see any “Pro” here?

You don't really need to use mask, just set the opacity to "Zero". Works better than the mask, Less complicated too.