Free Figma Crash Course for Beginners 2024 | UI/UX Design

[@DesignWithArash]

👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX

[@ObaUIUX]

This tutorial is one of the best I have ever had. As a visual designer trying to transition, this is spot on, it covers all major areas that I have been struggling with, auto-layout, constraints, variants. I've been following you from a distance for sometime, right now I'm sticking with you. Thanks.

[@DesignWithArash]

Glad it was helpful! Thank you so much.

[@BigJoze]

If you delete the master component and you have an instance of it still, you can bring it back by right clicking on the instance of it, select main component > restore main component

[@SpankIEkzs]

The tutorial is really clean and explains everything in such a natural way! One of the best, especially for someone starting UI/UX design career.

[@DesignWithArash]

Glad it helped. Thank you.

[@alishafii9141]

You are a professional ui designer and a natural teacher at the same time. سپاس و درود فراوان

[@DesignWithArash]

Thank you so much. ممنونم

[@fatimalenzz070]

This is the best course for begginers HIGHLY HIGHLY recommended to anyone who is looking for figma courses for basics

[@laxmi7028]

wow what a video! you explained everything so concisely. hands down the best video I've seen so far.

[@DesignWithArash]

Thank you so much. Glad you found it helpful.

[@Andarwin]

Thank you so much for the simplified design teaching on Figma

[@DesignWithArash]

You're very welcome!

[@---iy8xz]

19:19 they are combined but still can be adjust seperately 25:00 auto layout to make it responsive 28:25

[@chaubao1296]

I'm starting my ui/ux journey. I was confused when I watched some figma tutorial videos from other ytbers. But this video is very clear, I can understand everything you say easily. Thank you very much. It's really helpful.

[@DesignWithArash]

No problem. Glad it was helpful!

[@parul1030]

hey what do you do btw?

[@aimemp]

Thanks!

[@DesignWithArash]

Thank you for the Super Thanks.

[@UrbanGarlic]

25:34 you forgot to mention something in your Auto-Layout section: under Frame in your Design HUD (right toolbar), Horizontal and Vertical resizing must be set to "Hug Contents" or else the buttons will not dynamically change with the text. Mine were set to Fixed and I was wondering why they were not moving. Very good crash course otherwise! Learned the basics from this! - Also, for anyone watching this now in late 2024, if you want to change your layout to look like his, press the question mark ( ? ) button at the bottom right, and click "go back to previous UI".

[@RobertoVillaLobby]

This tutorial is as great as Figma is incredible. After working with Adobe exclusively for the past 15 years I wish I had started learning Figma much earlier. The interface is much more intuitive than any Adobe software. This really feels like next gen design software. 1 thing I've noticed: When using auto-layout you need to push "Resize to fit" under "Layout" on the right hand menu before you copy the button, otherwise it won't scale.

[@nurulhanis4291]

the best tutorial i've ever seen! thank you thank you thank you!

[@DesignWithArash]

Thank you so much.

[@JesseKanner-l9d]

Thanks!

[@DesignWithArash]

Thank you so much for the Super Thanks.

[@black-forest-code]

Since my focus is on programming, design aspects were mostly secondary to me. Now I would like to get more involved with Figma. This crash course helped me a lot to get an initial overview of Figma. Thank you for the very good explanations! 🤩

[@DesignWithArash]

No problem. Glad it was helpful!

[@JesseKanner-l9d]

Well done sir. It's surprising how few "getting started" tutorials for Figma are this snappy, clear and practical. Thanks for taking the time to make this!

[@DesignWithArash]

You are very welcome. Glad you found it helpful.

[@SlotsComputers]

You’re a life saver for making this video. I can comfortably start from here through this video. Again, thank you

[@DesignWithArash]

No problem. Glad it helped.

[@rakeshghimire944]

Thank you so much Arash! Can you make a design system video from scratch? Please do it.

[@DesignWithArash]

You are most welcome. Sure. Thanks for your recommendation.

[@Mahshod]

عااالی بود آرش جان! تو فوق العاده ای مرسی

[@DesignWithArash]

ممنونم. محبت دارین.

[@harinijagadeesan6066]

Finally found a video where every bits and piece’s are explained clearly. Absolutely brilliant teaching for anyone to understand 🔥🔥🔥👏🏽👏🏽👏🏽👏🏽

[@DesignWithArash]

Thank you so much. Glad it helped.

[@ChayonShaahOfficial]

You are right , This is best indeed

[@leonegan2704]

Thank you so much Arash. After two years, I decided to get into UI UX field again and I almost forgot everything about variants or components. This video helps me alot and I recommend for every beginners, yall actually can just learn all beginner level figma interface and functions in just one hour.

[@Veel158]

Well I just have to say this..... This video was really really helpful and a big eye opener and literally even helped me commence my ui journey. That's the best way I can explain it. Thank you for this and I hope to see more videos✨

[@DesignWithArash]

Thank you so much. I'm pleased to hear that.

[@tinualababatunde2989]

how far have you gone with your UI/UX journey?

[@cdmalabama9676]

you want help my sister? @@tinualababatunde2989

[@letstalkmovieswithnekky]

This was sooo helpful , and has literally served as a guide to start my UI/UX course. Thanks.

[@DesignWithArash]

No problem. Glad it helped.

[@jennifercampbell5622]

You're a great teacher, Arash! Thank you so much for being so clear and organized.

[@DesignWithArash]

I appreciate that!

[@schemetastic]

I am a Front-end developer, and I'm a bit simplistic when it comes to the tools I use (I'm very vanilla, CSS and JS guy), generally I'd been doing my prototyping in Inkscape which is a vector tool and I know it from over 10 years, however, job offerings often require Figma, so I decided to give it a shot... earlier I watched a tutorial and I kinda hated Figma, but is because I didn't learn much, and I felt I wasted a lot of time... but now that I am watching this video, you actually made me excited about using Figma, and I'm looking forward to using it, thanks for making the pauses to tell which shortcut you use, that's the way I design. Now I see better why Figma is used to prototype.

[@DesignWithArash]

Thank you for your comment. I'm glad you found the video helpful.

[@darvon1982]

hi There. I have an associates in Graphics design from 2003. (42 years old) But I am starting college here in a few weeks again to earn a Bachelors degree. Do you have any advice on how to become a Front-End developer? How to get recognized early? Thanks so much...

[@talihacangar9277]

I just want to declare that it was the most effective video that I watched , it helped me so much , the way that you convey the education is so clear and professional. Thanks !!

[@DesignWithArash]

Glad it helped! Thank you so much.

[@JohnsonWood]

Hello....

[@edlynraymundo7898]

I am starting my journey as a funnel builder/designer and as a beginner, your Figma tutorial is pretty clear and straight forward. Thank you!

[@k-hq3wu]

The best figma tutorial- I've watched a lot and this makes the most sense

[@DesignWithArash]

Thank you.

[@tianaherizo3014]

I'm not very good at english but i must say "thanks boss" may you'll succeed at everything you wish.

[@mehmetmeral8691]

I really appriciate what you have done m8! you really saved life! explained everything one by one, slowly with the examples! you're a star and thank you!

[@ImranAhmad-vm8wj]

It's Awesome. Easy to understand and really interesting. Need more videos from you. Lots of Love and Prayers!

[@DesignWithArash]

Thank you so much. I’m glad you found it helpful.🙏🏻😊

[@ranhu8177]

Thank you so much I have been using figma during my work but I am not a designer professionally. so there are many advanced functions i didn't realize and your explanation is quite clear thank you so much！

[@nancyamara8467]

Oh, Arash!! this is the best video I have watched so far. You literally held my hand and taught me everything. You just gained a follower.

[@DesignWithArash]

Glad it helped! Welcome to the channel.

[@UwoIra]

This is one of the best ones on KZbin. Thank you.

[@hunskjaer]

This video is GREAT! Thank you so so much. Best tutorial I've seen on Figma so far. Excited to see your other videos on Figma as well 🙏🙏

[@DesignWithArash]

Thank you so much. Hope you enjoy the other videos as well.

[@bettydougherty7392]

At 27:30 when making the vertical rectangle with the circles into a frame, I don't get all the features of the auto layout, even if I change it manually to vertical. I checked and it appears the rectangle is inside the frame rather than being the frame itself, why is this? It must be a new change because I'm doing everything else in the exact same way

[@DesignWithArash]

Please check out the following videos. kzbin.info/www/bejne/amPYgnqrmLZ0b9E kzbin.info/www/bejne/oKO0f6eEopdgh9U

[@dwizcreation]

😮Wow! Just from the comments section am already feeling so confident that I can do this through your KZbin channel. Am a Graphics Designer trying to transition into UI/Ux. It’s so crazy out there especially learning without a guide or mentor. I guess this is where I find my peace now.❤

[@DesignWithArash]

Glad to have you here.

[@behnazfallah7576]

Salam Arash ! That's a great tutorial video. I watched other videos before, but I couldn't quite understand . With your explanations, everything made complete sense to me. Thanks a lot

[@zlatkoiliev8927]

Arash, you are a gold mine here in youtube! So happy I found your channel!!! Really good content and helped me learn a lot about design!

[@DesignWithArash]

Welcome aboard! Thank you so much.

[@MichaePhelps-o6b]

I'm a total newbie to Figma and UI design, but this video is incredibly amazing, and I found it very easy to understand. It contains so many important concepts and tips. Great work, Arash!

[@DesignWithArash]

Glad it helped.

[@tmainss]

Fantastic work, a very easy to understand guide for beginners. Thank you! Subscribed!

[@DesignWithArash]

No problem. Welcome aboard!

[@luisafernandabautista2540]

I loved the way how you explained the things and your English as well. I'm following since today :)

[@andreapieterse8986]

As a junior designer who has just started at a big agency... THANK YOU. This will save me so much time figuring it out myself

[@DesignWithArash]

No problem. Glad it helped.

[@nellylaurene]

This is the best Figma course I've seen on KZbin, Thank you so much Arash for you hard work

[@DesignWithArash]

No problem. Thank you.

[@celeste.1995]

Absolutely the best beginner figma tutorial! if you are absolutely new to design /figma /ui-ux , i would highly recommend watchin this to get a basic knowledge of figma functionalities. After watching and searching for many figma tutorials on yt, this was my best find so far. i love how its structured and covers the basic of all features of figma in one video and its also explained in very simple language. Thank you very much for this video Arash. Do you have any figma mastery course on udemy?

[@DesignWithArash]

Thank you so much. Glad you found it helpful. My most up-to-date course is only available on www.thedesignmastery.com.

[@leila_rshdn]

This video is SO GOATED! Made me fall in love with Figma considering how convenient it is and how comrehensive this guide is

[@DesignWithArash]

Thank you so much. Glad it helped.

[@celestecolautti573]

Omg this tutorial is amazing, thank you so much, it helps me a lot.

[@DesignWithArash]

No problem. Glad you liked it.

[@AlexMeiklejohn]

Amazing tutorial! Goes into appropriate detail and incorporates design elements :)

[@DesignWithArash]

Thank you.

[@katopia326]

This is the best tutorial I have ever watched. Well done👏 Thank you.

[@fattyyahdalil_]

I would like to say THANK YOU SO MUCH! I am a beginner to learn this course and your video is easiest to make me understand🤩🤩

[@DesignWithArash]

You are very welcome.

[@oluwatominsinmistura773]

Best teacher so far.. well done Arash. More videos on grids and components please

[@DesignWithArash]

Thank you so much. I'm glad you liked it.

[@joelcervantes6919]

Amazing! I have learned so much with Arash, you are so good at teaching, without going off topic, mumble or any distraction. So good! I'm making a transition from Senior Graphic Designer to UX/UI. I'm so glad I found you Arash. Thank you so very much.

[@Arrows1988]

Cannot thank you enough! The way you teach and explain has been extremely helpful , the Best Figma Course 💯👍

[@DesignWithArash]

You are very welcome. Glad it helped.

[@fatocrosala]

Very helpful!!! Love how simple and to the point it is! Thank you!

[@DesignWithArash]

Glad it was helpful! Thank you.

[@mahdishirazi5785]

one of the greatest figma tutorials i've ever encountered, hats off!

[@yujisenpai47]

you are legend bro , you got a new subs right now . good luck 😉

[@RaulGarcia-xt2bu]

It's the best quick tutorial I have ever seen, especially for beginners. Others need to go faster or miss stuff.

[@DesignWithArash]

Glad you liked it!

[@celinedevos2952]

Thank you so mcuh for this tutorial. But I have a problem with the auto layouts. When I create the rectangle with the text inside. It doesn't work well each times. I have always a frame but normally the rectangle should be swallowed by the frame and sometimes I have a frame and below the rectangle and the text. I have automatically this problem when it comes to try the vertical rectangle with the circle inside (26.:59). Do I do something wrong? I have the feeling that I 'm doing exactly the same as you ? Should I change something in my parameters ? Many thanks for your help.

[@showthemevids]

The best tutorial ever for future UI UX designers. Thank you so much. 🙏

[@avalonseckinger1302]

Thanks for the helpful video! In your second demonstration of using Auto Layout vertically, it's not working properly for me. Figma seems to group together the circles inside the rectangle and also not recognize that it is vertical NOT horizontal. Any solutions for this?

[@DesignWithArash]

No problem. You can simply change the Auto Layout direction in the Auto Layout section.

[@uyendang1659]

good teacher. Your instructions are very clear and specific. i love your style.

[@TheRichardcuellar]

Thanks for this video, you teach very well now I gonna watch all your videos

[@DesignWithArash]

Thank you so much.

[@CoolIntellect]

Wow, Believe me, this was really helpful, easy to follow, and to the point. I know Figma is a broad topic and there is a lot to cover but you covered enough to understand things. Thanks for this good stuff, Arash!

[@DesignWithArash]

No problem.

[@Jani-muhabbat]

I have started multiple videos but Arash has explain very well, I appreciated. Thank you Sooo much.

[@DesignWithArash]

No problem. Thank you so much.

[@veronikamarcikova6655]

Best Figma tutorial so far. Very helpful! 🙂Thank you for creating it.

[@DesignWithArash]

Glad it was helpful!

[@franagliata1230]

Arash, As more and more designers are asked to create Multiple Display Ads and Banners in Figma will you please do a tutorial for this. Thank You!

[@mayurimayuri-p7v]

I was searching for the easy and clear communicative mentor for UI/UX. My search ended here :) Thankyou very much. I don't have words, from today i will watch your each video everyday.💛

[@DesignWithArash]

Thank you. Glad to hear that.

[@josirexlegacy7223]

you deserve a platform brother ...i was fed up of looking for tutorials

[@DesignWithArash]

Thank you so much.

[@mimii9913]

Thank you very much 🥰 You are a wonderful teacher! It is very easy to understand.

[@DesignWithArash]

Thank you very much. That's very nice of you. 😃

[@cloudfurious]

Superb tutorial Arash, thanks. I'm just a bit confused about the 'Boolean operations' (17:15)? You were covering 'Shape pathfinder tools', not anything to do with Boolean operations? I think this might confuse beginners

[@AnastasiaAnanieva]

I am just starting to learn UI/UX and I can't explain how deeply thankful i am for your video. I also would like to take a course or certification. In case you or anyone from you guys can recommend the best course that lead to the job opportunity.

[@DesignWithArash]

You are very welcome. You can check out my UI Design & Figma Mastery course. The link is in the description.

[@rulick4101]

Thank you so much Arash. It's really helpful! You are awesome.

[@DesignWithArash]

No problem. Glad it was helpful!

[@creativestudio101]

This man is amazing! love his tutorials - keep it up!! :))

[@alejandrahugues493]

This was incredible!! I had so much fun and I'm so excited to get started thanks to you!!

[@DesignWithArash]

Thank you. Glad to hear that.

[@aleejunaid]

Good Job Bro - Keep `em coming .... 👍

[@Marlena-n2o]

Great tutorial! You have become my go-to Figma tutor. 💕

[@akhanisonline]

superb one the the best figma tutorial i have ever watched. really enjoyed well explained. ..

[@DesignWithArash]

Thank you. Glad to hear that.

[@BloodyGuava]

Thanks for this great video! Is the Auto-Layout for the vertical shape was changed? (27:00) it does'nt work... Thanks again!

[@DesignWithArash]

No problem. No, it hasn't changed.

[@AnselChaunsey]

Thank you so much sir! You got my respect you are very helpful for many people like me, who want to learn how to use Figma. Godbless sir from Philippines watching your video ❤️😊

[@DesignWithArash]

No problem. Thank you so much.

[@kulwantsinghsonu84]

Thank you so much for explaining everything in a much better easier way. tons of thanks.

[@DesignWithArash]

No problem.

[@namitakahashi2369]

27:27 Thank you for your helpful tutorial! I cannot make the whole shape Auto Layout in which the circles cannot move at all. (though I could make it when it was text.) If anyone knows the answer, please help me out.

[@DesignWithArash]

Please use a frame instead of a rectangle.

[@garyv3580]

Amazing Video you have the best way of teaching Figma… but I, like so many other people here, I have re-watched the 27:00 mark 10 times and did exactly like you did with drawing a rectangle, then placing 4 circles inside and converting to Auto layout (Shit + A) and it doesn't work. However, I did the same thing but instead of creating a rectangle, I used the "Frame tool" "F" and placed circles inside and it worked. Can you help us understand why Auto Layout doesn't work with shapes inside shapes? Is there a trick to this we are missing, perhaps a setting?

[@DesignWithArash]

Thank you. The best way of using Auto Layout is to use Frames instead of a shape. You could still use a shape but it's a bit tricky because you should make sure that the inner shape's boundary is not bigger than the main Auto Layout shape's boundary. I didn't dive into the best methods of using Auto Layout in this video but you can check out my other videos on the channel.

[@nicholaseracleous]

Great tutorial, and you have made it easy to follow.

[@TvsChaitanya]

Thanks a lot :D, I did learn figma in short time and easy way.

[@JinaaKarbasi]

Thank You. This tutorial is helpful and was one of the best I've ever watched.

[@DesignWithArash]

Glad it was helpful! Thank you.

[@barbarasalinas9094]

Arash I loved your tutorial !!!! all your explanations are very clear, you are a great Teacher, thanks a lot ;) :) :)

[@DesignWithArash]

That's very nice of you.

[@katrinasmith8019]

BY FAR THE BEST FIGMA TUTORIAL OUT THERE. Thank you so much for the detailed explanations on how to use the features of Figma, the free version. If I good hit the like button a million times I would.

[@DesignWithArash]

Glad it was helpful! Thank you so much.

[@TheMotivationMatrix21]

Great tutorial, straight to the point...❤

[@DesignWithArash]

Thank you.

[@sezan7589]

Honest work! Thank you so much Arash. God bless u

[@DesignWithArash]

My pleasure 😊 Thank you.

[@hussainawardhawala7348]

No time wasted! Great intro. Thanks Arash

[@DesignWithArash]

No problem.

[@ilsldfjgeort]

The best tutorial ever. Thank you

[@brandon9247]

You are a gifted educator and presenter.

[@DesignWithArash]

Thank you.

[@Dllrwa]

Thank u so much for this tutorial! I learn a lot in just one hour 😁

[@adityadeshpande7647]

Love you, great tutorial. Thank you very much.

[@DBZoom]

Thanks for the Video 🙏

[@DesignWithArash]

No problem.

[@jennychoi1635]

34:13 40:47 Plug in

[@HustleNTravelWithMay]

This is one of the best Figma tutorials I have ever seen! Thank you Arash

[@DesignWithArash]

Thank you.

[@mihiriprabashwari8031]

All content aligned to the point! very useful & waiting for more videos👍

[@DesignWithArash]

Thank you so much.

[@DanielRestrepo-m1q]

Nice tutorial Arash, do you have Any video how to create animations in Figma? Thanks