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

Поделиться
HTML-код
  • Опубликовано: 28 янв 2025

Комментарии • 725

  • @DesignWithArash
    @DesignWithArash  Год назад +41

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

    • @poyair4798
      @poyair4798 29 дней назад

      Hi,are you from iran?

  • @ObaUIUX
    @ObaUIUX Год назад +139

    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.

  • @UrbanGarlic
    @UrbanGarlic Месяц назад +16

    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".

  • @BigJoze
    @BigJoze 9 месяцев назад +44

    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
    @SpankIEkzs Год назад +24

    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.

  • @alishafii9141
    @alishafii9141 Год назад +7

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

  • @fatimalenzz070
    @fatimalenzz070 8 месяцев назад +10

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

  • @laxmi7028
    @laxmi7028 Год назад +24

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

  • @chaubao1296
    @chaubao1296 Год назад +4

    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.

  • @Andarwin
    @Andarwin Год назад +3

    Thank you so much for the simplified design teaching on Figma

  • @JesseKanner-l9d
    @JesseKanner-l9d 10 месяцев назад +2

    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
      @DesignWithArash  10 месяцев назад

      You are very welcome. Glad you found it helpful.

  • @nurulhanis4291
    @nurulhanis4291 Год назад +4

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

  • @black-forest-code
    @black-forest-code Год назад +12

    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! 🤩

  • @Veel158
    @Veel158 2 года назад +41

    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✨

  • @aimemp
    @aimemp Год назад

    Thanks!

  • @stay-Inspiredaily
    @stay-Inspiredaily Год назад +2

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

  • @RobertoVillaLobby
    @RobertoVillaLobby 2 месяца назад +1

    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.

  • @talihacangar9277
    @talihacangar9277 Год назад +8

    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 !!

  • @harinijagadeesan6066
    @harinijagadeesan6066 Год назад +3

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

  • @k-hq3wu
    @k-hq3wu Год назад +1

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

  • @nancyamara8467
    @nancyamara8467 Год назад +1

    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.

  • @JesseKanner-l9d
    @JesseKanner-l9d 10 месяцев назад

    Thanks!

    • @DesignWithArash
      @DesignWithArash  10 месяцев назад

      Thank you so much for the Super Thanks.

  • @letstalkmovieswithnekky
    @letstalkmovieswithnekky Год назад +16

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

  • @zlatkoiliev8927
    @zlatkoiliev8927 Год назад +1

    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!

  • @schemetastic
    @schemetastic 11 месяцев назад +1

    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
      @DesignWithArash  10 месяцев назад +1

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

    • @darvon1982
      @darvon1982 9 месяцев назад

      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...

  • @azimirzaei5920
    @azimirzaei5920 26 дней назад

    I'm starting to learning ui/ux. I was confused at first when I watched some Figma tutorial videos. This is the best video I've found so far. Everything are explained clearly and useful. Thank you for your helpful video.

  • @dwizcreation
    @dwizcreation 10 месяцев назад

    😮Wow! Just from the comments section am already feeling so confident that I can do this through your RUclips 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.❤

  • @rakeshghimire944
    @rakeshghimire944 2 года назад +9

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

    • @DesignWithArash
      @DesignWithArash  2 года назад +6

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

  • @MichaePhelps-o6b
    @MichaePhelps-o6b 11 месяцев назад +1

    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!

  • @jennifercampbell5622
    @jennifercampbell5622 11 месяцев назад +1

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

  • @nellylaurene
    @nellylaurene Год назад +3

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

  • @UwoIra
    @UwoIra 5 месяцев назад +1

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

  • @mehmetmeral8691
    @mehmetmeral8691 9 месяцев назад +3

    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!

  • @leila_rshdn
    @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

  • @Mahshod
    @Mahshod 11 месяцев назад +2

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

  • @ImranAhmad-vm8wj
    @ImranAhmad-vm8wj 2 года назад +5

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

    • @DesignWithArash
      @DesignWithArash  2 года назад +1

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

  • @leonegan2704
    @leonegan2704 2 месяца назад

    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.

  • @edlynraymundo7898
    @edlynraymundo7898 5 месяцев назад

    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!

  • @andreapieterse8986
    @andreapieterse8986 9 месяцев назад

    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

  • @oluwatominsinmistura773
    @oluwatominsinmistura773 2 года назад +7

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

  • @RaulGarcia-xt2bu
    @RaulGarcia-xt2bu Год назад

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

  • @celestecolautti573
    @celestecolautti573 Год назад +1

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

  • @joelcervantes6919
    @joelcervantes6919 8 месяцев назад

    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.

  • @fattyyahdalil_
    @fattyyahdalil_ Год назад +1

    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🤩🤩

  • @CoolIntellect
    @CoolIntellect Год назад +4

    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!

  • @celeste.1995
    @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
      @DesignWithArash  Год назад

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

  • @yujisenpai47
    @yujisenpai47 7 месяцев назад +2

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

  • @umehijenwa9976
    @umehijenwa9976 Год назад

    This best tutorial ever. I am becoming your student right away

  • @hunskjaer
    @hunskjaer Год назад +2

    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
      @DesignWithArash  11 месяцев назад +1

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

  • @Arrows1988
    @Arrows1988 Год назад +1

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

  • @tianaherizo3014
    @tianaherizo3014 Месяц назад

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

  • @TheRichardcuellar
    @TheRichardcuellar Год назад +1

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

  • @fatocrosala
    @fatocrosala Год назад +4

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

  • @mayurimayuri-p7v
    @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.💛

  • @codingchallenge22
    @codingchallenge22 Год назад +1

    Best tutorial I have ever come across on figma

  • @mahdishirazi5785
    @mahdishirazi5785 6 месяцев назад

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

  • @josirexlegacy7223
    @josirexlegacy7223 Год назад

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

  • @---iy8xz
    @---iy8xz 5 месяцев назад

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

  • @tmainss
    @tmainss 11 месяцев назад +1

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

  • @ranhu8177
    @ranhu8177 4 месяца назад

    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!

  • @AlexMeiklejohn
    @AlexMeiklejohn 11 месяцев назад +1

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

  • @veronikamarcikova6655
    @veronikamarcikova6655 Год назад +3

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

  • @shivudesign9210
    @shivudesign9210 2 года назад +1

    Finally legend is on youtube 😍 please bring start to end with new updated version design 😍

    • @DesignWithArash
      @DesignWithArash  2 года назад +1

      Hi Shivu,
      I'm not a legend but thank you ☺️. Sure.

    • @shivudesign9210
      @shivudesign9210 2 года назад

      @@DesignWithArash Hey hi Arash, credit goes to your explanation, video quality and amazing content 😇

    • @DesignWithArash
      @DesignWithArash  2 года назад +1

      That's very kind of you. Thanks a lot.☺️

    • @shivudesign9210
      @shivudesign9210 2 года назад

      @@DesignWithArash You're welcome☺

    • @shivudesign9210
      @shivudesign9210 2 года назад

      Hi just wanted to convey that I have updated proper email ID to download your e-book but I still not received will I get later?☺

  • @hussainawardhawala7348
    @hussainawardhawala7348 Год назад

    No time wasted! Great intro. Thanks Arash

  • @luisafernandabautista2540
    @luisafernandabautista2540 4 месяца назад

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

  • @pathtojannat-t2v
    @pathtojannat-t2v Год назад

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

  • @kingaza784
    @kingaza784 Год назад

    Amazing Course , thanks

  • @katrinasmith8019
    @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.

  • @brandon9247
    @brandon9247 Год назад

    You are a gifted educator and presenter.

  • @Smilenotyou
    @Smilenotyou Год назад

    This is the best video I’ve seen so far on on Ui/UX tutorials ❤

  • @AnastasiaAnanieva
    @AnastasiaAnanieva 10 месяцев назад

    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
      @DesignWithArash  10 месяцев назад

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

  • @franagliata1230
    @franagliata1230 11 месяцев назад +1

    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!

  • @HustleNTravelWithMay
    @HustleNTravelWithMay 11 месяцев назад

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

  • @parisanajafi439
    @parisanajafi439 Год назад

    Thank you SOOOOOOOOO much Arash. that was very very helpful. You are genius and amazing person. I'am very energenetic after watching this video.

    • @DesignWithArash
      @DesignWithArash  Год назад

      Glad it helped. That's so nice of you. Thank you so much.

  • @behnazfallah7576
    @behnazfallah7576 2 месяца назад

    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

  • @katopia326
    @katopia326 2 месяца назад

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

  • @BlackFiance
    @BlackFiance 10 месяцев назад +1

    Excellent video thank you so much

  • @showthemevids
    @showthemevids 6 месяцев назад

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

  • @VictoriaOlajumokeAbimbola
    @VictoriaOlajumokeAbimbola Год назад

    Thank you for this Arash. I stumbled on your channel a few weeks ago and you are gradually becoming my favourite tutor

  • @akhanisonline
    @akhanisonline Год назад

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

  • @jeevanjyotishkendra
    @jeevanjyotishkendra Год назад

    thanks guys for the easy installation

  • @rulick4101
    @rulick4101 11 месяцев назад +1

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

  • @alejandrahugues493
    @alejandrahugues493 10 месяцев назад

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

  • @nimra_marrium
    @nimra_marrium Год назад

    Hey Arash!! This whole tutorial was super helpful, Thank you so much🤍

  • @mimii9913
    @mimii9913 Год назад +2

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

    • @DesignWithArash
      @DesignWithArash  Год назад

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

  • @AnselChaunsey
    @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 ❤️😊

  • @TheMotivationMatrix21
    @TheMotivationMatrix21 7 месяцев назад +1

    Great tutorial, straight to the point...❤

  • @DBZoom
    @DBZoom Год назад

    Thanks for the Video 🙏

  • @Tradingphycoxau
    @Tradingphycoxau Год назад

    this is the best Figma tutorial so far

  • @jayashanthaperera2355
    @jayashanthaperera2355 2 года назад

    Start of my UI/UX design journey, Thanks Arash

  • @1nonlykingnaeem
    @1nonlykingnaeem Год назад

    This tutorial is one of the best I ever had.

  • @uyendang1659
    @uyendang1659 6 месяцев назад

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

  • @jashwanth512
    @jashwanth512 7 месяцев назад

    This is a great tutorial explaining how to use Figma. thanks for creating this video Arash

  • @GamingWithSharpShooter
    @GamingWithSharpShooter Год назад

    So, the journey of UI/UX Designing is started from here :)) Bravo ^^

  • @jahangir__3769
    @jahangir__3769 Год назад

    Kheyli khoobe!
    This is great, and well-explained!
    I'm sure I'll learn a lot from your videos!
    Thanks, Arash

  • @asifpathan6373
    @asifpathan6373 Год назад

    It's really one of the best course that helped me to clear concepts and it was worth to watch. You are one of the best, Thank You!!!

  • @sezan7589
    @sezan7589 Год назад

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

  • @keshavgupta417
    @keshavgupta417 Год назад

    best tutorial which i have ever met. explained in soo detail

  • @aleejunaid
    @aleejunaid 4 месяца назад +1

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

  • @olisaemekaaghabuilo8688
    @olisaemekaaghabuilo8688 Год назад

    This video is very helpful summaries every concept that needs to get you started on the journey of designs.