[Part 1] Smart Animate Tutorial

In this video we'll the basics on how to use Smart Animate to create fun transitions in Figma. We'll cover how Smart Animate affects changes in opacity, size and position.
Follow along by duplicating this file: www.figma.com/community/file/...
If you want to skip to something more challenging check out PART 2 here: • [Part 2] Smart Animate...
TIMESTAMPS
- Intro 0:00
- Basic smart animate features: 1:43
- Tutorial: 2:42
- Closing: 9:44
SOCIAL
Twitter: / aloracpc

[@deth2306]

1. Cup of tea
2. Eames Chair
3. No overprofessional video
4. Authentic working in the living room
5. Everything nicely explained
Go on like this :) I liked it! Thank you.

[@SteveStremsterfer]

As a fairly new Figma user, this tutorial was great because of the simple language you used and the perfect pace of the instruction. So many Figma tutorials are narrated and demoed way too quickly. Thank you!

[@sarahtara]

I’ve been using Figma for about a year and your tips are SO incredibly useful! Please keep the tutorials coming, they’re helping my workflow immensely! 💗

[@PabloBossledaLuz]

Love the way you explain even the smallest/simplest details. Thanks for sharing this kind of content, Carola. Every time I watch your videos I learn something new.

[@reebs2316]

Oh my goodness I am so happy you took the time to show us this! I just found your videos, and as a beginning product designer, they're everything I've been looking for!

[@garrydurbin6542]

Found this really useful as a Figma user wanting to make my prototypes look more polished and professional. Thank you for this.

[@ngabonzizaguy1114]

The way you make it clear. Thank you Carola..

[@jeffsanchez4452]

Thank you so much Carola, this is a great tutorial for someone like myself who just recently started exploring Figma. I'm in the process of making a career growth from traditional graphic designer to more digital. I just finally got to exploring a bit more about Figma, UX, and UI (since this is where the money and growth are). I greatly appreciate this and look forward to more tutorials. Cheers!

[@elizabethkawamura1320]

I loved the way you have delivered all these Figma tips. Looking forward to watching your second video on this.

[@brunoIsmyname]

Loved the content! Going to part 2, but wanted to thank you already.

[@aryehsinger3970]

Perfect tutorial! Nothing extra, great stuff.

[@harsimransingh4087]

Thanks so much, it's really helpful. The best part was you were on point from starting. No time-wasting like other TH-camr do. Finally, I understand how animation works in Figma.

[@sherrimoss20]

Thanks! I love your videos. I appreciate that you speak slowly and give each step!!!

[@williamhamilton3641]

Extremely clear and helpful!

[@anaprinter4175]

Amazing tutorial, very simple, love it, I could watch you all day!

[@mohittiwari9907]

Thanks Carola.. I just started with Designing and this is the best video to begin with anime i have seen.. Great work, Please keep sharing more such content.

[@zoeho3433]

Super clear for a starter like me!!! Thank you!!!

[@sandram4796]

Understood so much in a single video. thanks for sharing this with us

[@Blushwithshreya12]

Absolutely loved the tutorial...thanks a lot ❤️

[@zeenathcodes893]

Thank you so much, I honestly learned too much trust me you are the best, please bring more such smart tutorials, we need a mentor like you

[@byebyebirdie8027]

So simple and clear!! Thank you!

[@TallGardenGnome]

Awesome, thanks Carola!

[@mairimlm]

Loved this!! Thank you

[@ShibliMansuri]

This really helps! I'm trying to explain a game mechanic to the team and your explanation really helps up my game (lol).

[@determinator4491]

love for what looks like little things but greatly useful.

[@emzx111]

Thanks Carola was very clear. I liked the tip at 8:12 and how to animate the heart by setting it outside the frame + tuning the opacity to 0.

[@setarehborhani560]

I really enjoyed this educational video. You went through the details very well.

[@mansigupta5665]

Thank you so much for this. ❤

[@wfootballer3864]

Reeeeeeaaaaaly you are the first one I take a good information about figma from, thanks Sis

[@vaibhavagrawal431]

Amazing Video
the last heart one was really awesome I did not expect it's that easy to do that
Thanks ♥

[@markst33]

Brilliant. Love your presentation style. Easy, relaxed and confident whilst imparting knowledge. Greetings from Dublin. Subscribed !

[@Ghingle]

Thank you for this video!

[@flakeycakey]

THis is awesome, can't wait to apply

[@viewer10153]

Awesome! Well explained! Thank you!

[@imdk_pk]

Thank you very much for making it so simple.

[@yusuftherider]

Thanks for the video. It was amazing.

[@otakujsdev]

opk first of all, I am a software developer trying to make a good design (hard task, I know, var1 var2 var3), and this is what I was looking for, someone who teach me just the basics so I can make the rest of the make, thank you very much for your kind and because you look so relax that make me want to go for a chocolate ^^

[@pulserudeus7968]

This is very helpful Carola 👏

[@adityagehlot2286]

thankyou sooo very much its my second day in figma and i was try to learn this frame animation. i watched a few videos but they were rushing too fast with complex examples but then i found your video and it too me just 10 minutes to understand and 5 minute to practice it.. i am soo happy..liked commented..and subbed..thankyou so much..love from india stay blessed..and please keep making such quality content

[@redsharkdigital]

Great tips! Thank you for a great tutorial!

[@jennajacobs3700]

Moving it off the screen blew my mind!

[@bethwelkipruto7675]

OMG, it's like magic I swear!
THANKS!!!!!!!!!!!!!!!!!!!!!!

[@pupungpamungkas9167]

beautiful

[@brandonkoopa]

OMG, thank you! I was trying to figure this stuff out on my own! This ruuuuules.

[@aminakmali]

Thanks for this good tutorial

[@jos7673]

thank you for this!!

[@amitbiswas54]

Thank you so much Carola

[@lori8436]

You're the best! thank you!!

[@tttooooni]

Mind *blown*! Can't wait to dazzle some people at work with this! :D

[@nikvik6479]

Oh my God! I am struggling with animation so much! But this actually helps

[@himanshubokil2547]

Great way of explanation. Your sound is very clear. It helps me very much to clear the Figma Animation effects. Thank you so much for this video. Your channel is subscribed.

[@gabriellabrandiu1422]

Please post videos again 🙏 You are so awesome and you helped me so much!

[@hawks5196]

I am very new to the scene butalready love figma! Trying to find tutorials to help me get better and found your page. I love your videos!! Please make more :)

[@PauloHenrique-xn5kj]

GOSH, thank you!!! TE AMO

[@kamilwaszewski]

Hey. Thanks :) I like the way you explain everything, good work 😉

[@meteoricrahmani442]

Perfect perfect and perfect

[@krishna.people]

you are so cooool!! I enjoy your videos so much

[@serenapark8497]

omg thank you so much!!♡♡♡

[@1anchit]

Woaah! Who are you!? The close up really got the eyes so clearly visible :D Great animation!

[@BreathingInPixels]

Thanks for sharing in such a beautifull and cool way... ❤️

[@digambernegi2023]

is it paid version, app or over browser??? bec. i cannot see any smart animate!

[@tonimaunde]

thank you, Carola.

[@sathyamoorthylakshmipathy5137]

Thats amazing and you look great !

[@unknownspirit3967]

THIS IS SO FUNNNNNN

[@istiakzishan]

Oh My God !! Thank you so much !! This makes it so easy and beautiful

[@shannehodgson4534]

Good tutorial thanks 👍

[@burak9691]

09:22 i was looking this trick for hours yesterday but i could not find it anywhere. Thank you sooo much

[@souravde2029]

That was so cool thank you

[@mschrimmer631]

You are a life saver. Mamma Mia Che Bellezza! :)

[@hajduksplitist]

Great tutorial! I’m graphic designer who just started using Figma.

[@rezouknorddine8378]

idk but i just find your smile angelic

[@NNNedlog]

Your videos are so awesome

[@ngabonzizaguy1114]

Just thank you.., wow!!

[@kashifbarrytv9276]

Hi, i just want to say that you are so Beautiful and your way of teaching is Awesome

[@lfgraf]

That’s cool!

[@DRM404]

Thank you a lot!

[@vertigo3814]

Many thaaanks!

[@thehunter9795]

Awesome 💖😍 thx

[@Jayant0023]

your eyes are beautiful btw. thanks for illustration.

[@pedagogiaatwork]

Thank you!

[@digigoliath]

Awesome!!! TQVM!!

[@vuongqtvn]

OMG beautiful

[@jordaneil]

that fellow kettle 👌🏼🤩

[@nasnasscript4134]

very understanding thanku ..

[@arghavangol8552]

i'v seen exactly the same vidoe with almost the same shapes in youtube but i didn't figurout why should i do all that process .thanks to you i understood today :)

[@mdrafatulislam5401]

This is cool

[@ketannimavat5212]

Love you from India 👏

[@otdziner]

You're awesome and pretty and the way you explain also clear and so understandable, thank you

[@anastasiiaboichun1094]

Thank you very much! Cool video =)

[@edwinigwebuike7271]

Hi Carola! I really love your videos, they are so helpful, and i also think you're really really gorgeous! But i have a question tho, do i have to create as much pages as i need smart animations for various elements? Or is there a way of configuring figma to do those smart animations for a particular group of elements

[@michielwils8401]

Your videos look great! I have a question :)
What kind of extension do you use for the command in your video? Of do you place them yourself?

[@YukoHimesama]

Thanks for the tutorial! love it

[@marcioeduardomedesign8216]

Hi Carola, tks!

[@golovastik3609]

You are so cuuuute!! I can't even focus on subject :))

[@sanghpriyasiddhartharahi]

One question- The way you hide that Favorite icon outside the frame, so when we hand over the same file to developer, will they need to know that it is hidden such that they can make that animation possible ? or how does it work ?

[@zhifuxi8252]

非常棒~感谢~

[@rickimulyawan5747]

nice job

[@aishwaryamistry5038]

Thankyou

[@MxSmack]

Such an awesome tutorial, thank you so much! Also some feedback, music choice is good but a bit loud 🙏😊

[@Akshaysathevlog]

I from India love your design

[@rin-zx4on]

OMG TYSM