[Part 1] Smart Animate Tutorial

  Рет қаралды 157,720

Carola Pescio Canale

Carola Pescio Canale

Күн бұрын

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

Пікірлер: 165
@deth2306
@deth2306 3 жыл бұрын
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
@SteveStremsterfer 3 жыл бұрын
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
@sarahtara 3 жыл бұрын
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
@PabloBossledaLuz 3 жыл бұрын
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
@reebs2316 3 жыл бұрын
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!
@jeffsanchez4452
@jeffsanchez4452 2 жыл бұрын
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
@elizabethkawamura1320 3 жыл бұрын
I loved the way you have delivered all these Figma tips. Looking forward to watching your second video on this.
@garrydurbin6542
@garrydurbin6542 3 жыл бұрын
Found this really useful as a Figma user wanting to make my prototypes look more polished and professional. Thank you for this.
@harsimransingh4087
@harsimransingh4087 3 жыл бұрын
Thanks so much, it's really helpful. The best part was you were on point from starting. No time-wasting like other KZfaqr do. Finally, I understand how animation works in Figma.
@brunoIsmyname
@brunoIsmyname 2 жыл бұрын
Loved the content! Going to part 2, but wanted to thank you already.
@mohittiwari9907
@mohittiwari9907 3 жыл бұрын
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.
@sherrimoss20
@sherrimoss20 Жыл бұрын
Thanks! I love your videos. I appreciate that you speak slowly and give each step!!!
@ngabonzizaguy1114
@ngabonzizaguy1114 3 жыл бұрын
The way you make it clear. Thank you Carola..
@adityagehlot2286
@adityagehlot2286 2 жыл бұрын
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
@TallGardenGnome
@TallGardenGnome 2 жыл бұрын
Awesome, thanks Carola!
@anaprinter4175
@anaprinter4175 2 жыл бұрын
Amazing tutorial, very simple, love it, I could watch you all day!
@emzx111
@emzx111 3 жыл бұрын
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.
@markst33
@markst33 3 жыл бұрын
Brilliant. Love your presentation style. Easy, relaxed and confident whilst imparting knowledge. Greetings from Dublin. Subscribed !
@zeenathcodes893
@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
@ShibliMansuri
@ShibliMansuri 3 жыл бұрын
This really helps! I'm trying to explain a game mechanic to the team and your explanation really helps up my game (lol).
@otakujsdev
@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 ^^
@aryehsinger3970
@aryehsinger3970 3 жыл бұрын
Perfect tutorial! Nothing extra, great stuff.
@wfootballer3864
@wfootballer3864 2 жыл бұрын
Reeeeeeaaaaaly you are the first one I take a good information about figma from, thanks Sis
@vaibhavagrawal431
@vaibhavagrawal431 3 жыл бұрын
Amazing Video the last heart one was really awesome I did not expect it's that easy to do that Thanks ♥
@sandram4796
@sandram4796 2 жыл бұрын
Understood so much in a single video. thanks for sharing this with us
@setarehborhani560
@setarehborhani560 3 жыл бұрын
I really enjoyed this educational video. You went through the details very well.
@williamhamilton3641
@williamhamilton3641 3 жыл бұрын
Extremely clear and helpful!
@viewer10153
@viewer10153 3 жыл бұрын
Awesome! Well explained! Thank you!
@eip408
@eip408 3 жыл бұрын
This is very helpful Carola 👏
@himanshubokil2547
@himanshubokil2547 3 жыл бұрын
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.
@determinator4491
@determinator4491 2 жыл бұрын
love for what looks like little things but greatly useful.
@1anchit
@1anchit 3 жыл бұрын
Woaah! Who are you!? The close up really got the eyes so clearly visible :D Great animation!
@hawks5196
@hawks5196 3 жыл бұрын
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 :)
@Blushwithshreya12
@Blushwithshreya12 2 жыл бұрын
Absolutely loved the tutorial...thanks a lot ❤️
@mairimlm
@mairimlm 3 жыл бұрын
Loved this!! Thank you
@flakeycakey
@flakeycakey 3 жыл бұрын
THis is awesome, can't wait to apply
@byebyebirdie8027
@byebyebirdie8027 2 жыл бұрын
So simple and clear!! Thank you!
@gabriellabrandiu1422
@gabriellabrandiu1422 2 жыл бұрын
Please post videos again 🙏 You are so awesome and you helped me so much!
@zoeho3433
@zoeho3433 3 жыл бұрын
Super clear for a starter like me!!! Thank you!!!
@mschrimmer631
@mschrimmer631 2 жыл бұрын
You are a life saver. Mamma Mia Che Bellezza! :)
@krishna.people
@krishna.people 3 жыл бұрын
you are so cooool!! I enjoy your videos so much
@mansigupta5665
@mansigupta5665 2 жыл бұрын
Thank you so much for this. ❤
@kamilwaszewski
@kamilwaszewski 3 жыл бұрын
Hey. Thanks :) I like the way you explain everything, good work 😉
@tttooooni
@tttooooni 3 жыл бұрын
Mind *blown*! Can't wait to dazzle some people at work with this! :D
@pupungpamungkas9167
@pupungpamungkas9167 2 жыл бұрын
beautiful
@burak9691
@burak9691 3 жыл бұрын
09:22 i was looking this trick for hours yesterday but i could not find it anywhere. Thank you sooo much
@digigoliath
@digigoliath 3 жыл бұрын
Awesome!!! TQVM!!
@vuongqtvn
@vuongqtvn 3 жыл бұрын
OMG beautiful
@Ghingle
@Ghingle 3 жыл бұрын
Thank you for this video!
@redsharkdigital
@redsharkdigital 2 жыл бұрын
Great tips! Thank you for a great tutorial!
@sathyamoorthylakshmipathy5137
@sathyamoorthylakshmipathy5137 3 жыл бұрын
Thats amazing and you look great !
@yusuftherider
@yusuftherider 3 жыл бұрын
Thanks for the video. It was amazing.
@imdk_pk
@imdk_pk 3 жыл бұрын
Thank you very much for making it so simple.
@amitbiswas54
@amitbiswas54 2 жыл бұрын
Thank you so much Carola
@nikvik6479
@nikvik6479 3 жыл бұрын
Oh my God! I am struggling with animation so much! But this actually helps
@souravde2029
@souravde2029 2 жыл бұрын
That was so cool thank you
@aminakmali
@aminakmali Жыл бұрын
Thanks for this good tutorial
@istiakzishan
@istiakzishan 3 жыл бұрын
Oh My God !! Thank you so much !! This makes it so easy and beautiful
@unknownspirit3967
@unknownspirit3967 3 жыл бұрын
THIS IS SO FUNNNNNN
@BreathingInPixels
@BreathingInPixels 3 жыл бұрын
Thanks for sharing in such a beautifull and cool way... ❤️
@iamd.7
@iamd.7 3 жыл бұрын
is it paid version, app or over browser??? bec. i cannot see any smart animate!
@hajduksplitist
@hajduksplitist 2 жыл бұрын
Great tutorial! I’m graphic designer who just started using Figma.
@brandonkoopa
@brandonkoopa 3 жыл бұрын
OMG, thank you! I was trying to figure this stuff out on my own! This ruuuuules.
@jennajacobs3700
@jennajacobs3700 2 жыл бұрын
Moving it off the screen blew my mind!
@kashifbarrytv9276
@kashifbarrytv9276 2 жыл бұрын
Hi, i just want to say that you are so Beautiful and your way of teaching is Awesome
@PauloHenrique-xn5kj
@PauloHenrique-xn5kj 3 жыл бұрын
GOSH, thank you!!! TE AMO
@NNNedlog
@NNNedlog 3 жыл бұрын
Your videos are so awesome
@vertigo3814
@vertigo3814 3 жыл бұрын
Many thaaanks!
@thehunter9795
@thehunter9795 2 жыл бұрын
Awesome 💖😍 thx
@shannehodgson4534
@shannehodgson4534 2 жыл бұрын
Good tutorial thanks 👍
@lori8436
@lori8436 3 жыл бұрын
You're the best! thank you!!
@jos7673
@jos7673 3 жыл бұрын
thank you for this!!
@DRM404
@DRM404 3 жыл бұрын
Thank you a lot!
@lfgraf
@lfgraf 4 жыл бұрын
That’s cool!
@bethwelkipruto7675
@bethwelkipruto7675 3 жыл бұрын
OMG, it's like magic I swear! THANKS!!!!!!!!!!!!!!!!!!!!!!
@meteoricrahmani442
@meteoricrahmani442 3 жыл бұрын
Perfect perfect and perfect
@rezouknorddine8378
@rezouknorddine8378 3 жыл бұрын
idk but i just find your smile angelic
@anastasiiaboichun1094
@anastasiiaboichun1094 3 жыл бұрын
Thank you very much! Cool video =)
@serenapark8497
@serenapark8497 3 жыл бұрын
omg thank you so much!!♡♡♡
@arghavan8552
@arghavan8552 2 жыл бұрын
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 :)
@nasnasscript4134
@nasnasscript4134 3 жыл бұрын
very understanding thanku ..
@tonimaunde
@tonimaunde 3 жыл бұрын
thank you, Carola.
@mdrafatulislam5401
@mdrafatulislam5401 3 жыл бұрын
This is cool
@ngabonzizaguy1114
@ngabonzizaguy1114 3 жыл бұрын
Just thank you.., wow!!
@pedagogiaatwork
@pedagogiaatwork 3 жыл бұрын
Thank you!
@MxSmack
@MxSmack 3 жыл бұрын
Such an awesome tutorial, thank you so much! Also some feedback, music choice is good but a bit loud 🙏😊
@golovastik3609
@golovastik3609 3 жыл бұрын
You are so cuuuute!! I can't even focus on subject :))
@edwinigwebuike7271
@edwinigwebuike7271 2 жыл бұрын
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
@rin-zx4on
@rin-zx4on 3 жыл бұрын
OMG TYSM
@rickimulyawan5747
@rickimulyawan5747 3 жыл бұрын
nice job
@otdziner
@otdziner 2 жыл бұрын
You're awesome and pretty and the way you explain also clear and so understandable, thank you
@ketannimavat5212
@ketannimavat5212 3 жыл бұрын
Love you from India 👏
@michielwils8401
@michielwils8401 3 жыл бұрын
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?
@Jayant0023
@Jayant0023 2 жыл бұрын
your eyes are beautiful btw. thanks for illustration.
@marcioeduardomedesign8216
@marcioeduardomedesign8216 3 жыл бұрын
Hi Carola, tks!
@zhifuxi8252
@zhifuxi8252 3 жыл бұрын
非常棒~感谢~
@jordaneil
@jordaneil 3 жыл бұрын
that fellow kettle 👌🏼🤩
@YukoHimesama
@YukoHimesama 4 жыл бұрын
Thanks for the tutorial! love it
@danimunf
@danimunf 3 жыл бұрын
I really love your explanation especially your eyes, oops sorry i got confused because your stare is so hypnotizing and seems like you are staring directly to my soul 😊. Anyway, nice tutorial subs+1
@abuferashamdani4827
@abuferashamdani4827 3 жыл бұрын
Nice keep up
@FuadsCreations
@FuadsCreations 3 жыл бұрын
Thank you apu for sharing
[Part 2] Smart Animate Tutorial
22:41
Carola Pescio Canale
Рет қаралды 62 М.
Figma Smart Animate for Beginners (2022 Tutorial)
9:51
Tim Gabe
Рет қаралды 46 М.
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 210 МЛН
Useful gadget for styling hair 🤩💖 #gadgets #hairstyle
00:20
FLIP FLOP Hacks
Рет қаралды 10 МЛН
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
Опасность фирменной зарядки Apple
00:57
SuperCrastan
Рет қаралды 11 МЛН
world's shortest UI/UX design course
6:53
Juxtopposed
Рет қаралды 1,1 МЛН
10 tips to work 10x faster in Figma
18:54
Carola Pescio Canale
Рет қаралды 409 М.
How I design my UI/UX case studies for Behance
16:30
Maddy Beard
Рет қаралды 70 М.
How To Animate Like After Effects in Figma
10:27
Tim Gabe
Рет қаралды 47 М.
INTERVIEW TIPS: the Design Challenge
11:51
Carola Pescio Canale
Рет қаралды 28 М.
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
Parallax Animation in Adobe XD
7:08
Jesse Showalter
Рет қаралды 112 М.
Design animated slides on Figma | Beginner tutorial
14:51
Rachel How
Рет қаралды 164 М.
Level up your UI design skills in 7 minutes! | EP1
7:12
Rachel How
Рет қаралды 197 М.
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 210 МЛН