Figma Masterclass for Beginners (2023 Updated)

Поділитися
Вставка
  • Опубліковано 19 тра 2024
  • Want to learn Figma but don’t know where to start? This 2022 updated, step-by-step tutorial will give you everything you need to start using Figma in your Web and UI design projects....Remember to Subscribe goo.gl/6vCw64
    I have been using Figma for 4 years in my design work and just love the tool so much. In this video, I cover all the basics you would need to know you start using Figma today in your professional design work. By the time you're done watching the video, you should be able to download the program, install, start making amazing things, and wonder why you ever waited to make the switch.
    ------------------------------------------------------------------------------------
    🤝 //////////// Get my new Intro to UI/UX design course:
    www.jesseshowalter.com/c/intr...
    🏆 //////////// Join my members community to get access to perks:
    designchamps.io/
    📫 ////////// Sign up for my Monthly Newsletter
    www.jesseshowalter.com/newsletter
    ------------------------------------------------------------------------------------
    🎨 ////////// I design in Figma
    psxid.figma.com/xcm8rxa8f162-...
    🖥️ ////////// I build websites with Webflow
    webflow.grsm.io/4495884
    📅 ////////// I run my life with Notion
    affiliate.notion.so/tokendsfahjf
    🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
    0:00 Intro
    0:30 Getting Figma
    1:40 Projects
    2:43 Community
    4:00 UI Tour
    4:51 Assets and Libraries
    8:20 Frames
    10:00 Making Buttons
    11:40 Auto Layout
    14:30 Components
    17:00 Responsive Resizing
    17:58 Layout Grids
    20:00 Basic Commands & Styling
    21:59 Exporting
    22:56 Sharing & Collaborating
    24:30 Prototyping
    28:00 Interactive Components

КОМЕНТАРІ • 304

  • @pglickman
    @pglickman 2 роки тому +12

    Just starting with Figma. I’ve been through several beginner videos and this was by far the best for what I need. Thank you!

  • @stormbytes
    @stormbytes Рік тому +40

    So, this is more like an intro TO a masterclass than one itself. If you were ever to produce an actual masterclass on Figma, I would be a buyer. You’re hands down the best instructor for Figma course material I’ve ever come across.

  • @KamaleshwarMorjal
    @KamaleshwarMorjal Рік тому +55

    You wrapped everything I needed to know in this one video and delivered it with such finesse that exceeded all expectations.
    Thank you, Jesse. You are awesome.

  • @Lambdaphile
    @Lambdaphile Рік тому +8

    I was skeptical at the beginning but it turned out that this was exactly what I was looking for! Exceptionally good overview, thanks!

  • @rhanzel3320
    @rhanzel3320 Рік тому +4

    I've been using Figma for almost two years, and I learn a lot from watching your videos! I wish to see a lot more Figma videos

  • @d.o.nmuzic3802
    @d.o.nmuzic3802 2 роки тому +45

    The title is misleading. This is not a master class. But it is a really good quick overview 👍🏾

    • @ph0rd
      @ph0rd Рік тому +4

      🤔 Misleading title? Or perhaps clever pun.. Beginner & Master are after all mutually exclusive..
      So.. Misleading? Sure, but not to everyone

  • @nikolaitjongarero265
    @nikolaitjongarero265 2 роки тому +2

    This was truly an amazing introduction for someone who just wanted to know what Figma is. Thanks for this.

  • @hobisdimples94
    @hobisdimples94 Рік тому +10

    Just learned about Figma today and just from playing around with it for 20 minutes I am in LOVE!! It has some of the most used features from Illustrator but is honestly so much easier to look at, and I really love the user interface. I can tell its gonna be amazing for brainstorming layouts. Can't wait to learn more!!

  • @suzi_izy
    @suzi_izy Рік тому +3

    I can learn everything about Figma in one video and this can help a lot. Thank you Jess.

  • @jasmynmadison5984
    @jasmynmadison5984 Рік тому +3

    Great tutorial. Thank you so much! Saved me several hours and hundreds of dollars for a class.

  • @jordy1308
    @jordy1308 Рік тому +2

    this tutorial was over so fast. Great explaining on almost all features you need to really get started. Thanks Jesse!

  • @genevievenaidoo9595
    @genevievenaidoo9595 Рік тому +8

    Amazing tutorial! I'm starting my first UX job and I have to work more on Figma than XD. This lesson really helped me learn a few basics quickly, since I'm proficient in XD. I paused and practiced everything taught! Great stuff bro!

  • @lynlee1631
    @lynlee1631 Рік тому

    Thankful for you! Love that I have found in you a teacher who teaches like I learn. Really excellent!!

  • @AfanteMusic
    @AfanteMusic Рік тому +7

    Kudos for creating this great tutorial. I was already a Figma user. But I learned a few new things and gained a better understanding of others through your great explanations and examples. It's incredible that in ONE 30-minute video you covered what takes hours for other resources to do.

  • @nicolaspettini3143
    @nicolaspettini3143 Рік тому +3

    Great content! Thanks. This presentation is perfect for someone who's never used Figma or has just started like me. It's nice to review the main features and learn a few things I haven't noticed yet, especially at the end with prototyping!

  • @andrewbccoast
    @andrewbccoast 9 місяців тому +1

    absolutely fantastic tutorial. thank you! 🙏

  • @LiamStojanovic
    @LiamStojanovic Рік тому

    Jesse, thanks for making this tutorial! I come from the development side of things, and you made learning the basics of Figma super approachable!

  • @sepidehfa1639
    @sepidehfa1639 Рік тому +4

    This video included very useful topics that I didn't even expect in a Figma video. For example, responsive was one of them. thank you so much.

  • @HerbSilverman5
    @HerbSilverman5 Рік тому

    Thank you so much for the introduction on Figma. I will probably go back and review one more time, but your presentation was very pinpoint and useful. Appreciate it!

  • @danimartinez1203
    @danimartinez1203 Рік тому +4

    I like this type of content: straight to the point & lots of take aways 👍
    Thanks, Jesse!

  • @gloriareyes6556
    @gloriareyes6556 Рік тому

    Honestly, so amazing. Thanks so much for doing this. Feeling more informed, prepared, and inspired!!!!

  • @marvinpolicarpio2329
    @marvinpolicarpio2329 2 роки тому +1

    One of the best teacher in UI/UX really worth the subscribe!

  • @Maulmota
    @Maulmota Рік тому +3

    This is a great tutorial. I wish I had this level of videos for everything I'm trying to learn! Thanks a lot for that

  • @sarahlemaire1691
    @sarahlemaire1691 2 роки тому +6

    Wow great tutorial ! It's my first time using Figma (I'm more used to Adobe suite), but you helped me a lot ! Thank you 😃

  • @kiddgamer2940
    @kiddgamer2940 7 місяців тому

    This video is so good omg, for a crash course It really show all the basic functions, then u ca' come back of you want to remember stuff. Ur way of explaining is really not overwhelming and I appreciate that❤

  • @danielguerragalan1138
    @danielguerragalan1138 2 роки тому

    Mannnn your explanations are by far the best i´ve found here! Keep up the good work!

  • @robwtime
    @robwtime Рік тому +5

    This was a great tutorial, thanks for putting it together. I found the transitions between concepts / features / controls to be a bit fast at points, I would sometimes fall behind because of this. Overall, great content.

  • @TyranVz
    @TyranVz Рік тому

    This just helped SO much! everything just "clicked" in my brain! THANK YOU!

  • @TTV_Vela600
    @TTV_Vela600 2 роки тому +2

    Amazing content bro, this is really helpfull for people who are trying to remember how to use Figma and be up to date with knowledge while doing so, also the way you explain things is realley great, slick, I had no issues by following up with your explanation, keep up the excellent work!.

  • @cyrilkeith6368
    @cyrilkeith6368 Рік тому

    Awesome great tutorial!! only started using figma a week ago and this video just made things a lot easier!! Thank You man!!!!

  • @Yanir-Pinker
    @Yanir-Pinker Рік тому

    That was a SUPERB tutorial, Jesse! Thank you so much!

  • @juanpabloreinosa9054
    @juanpabloreinosa9054 2 роки тому +5

    Excellent tutorial Jesse. You're great teacher. Thanks

  • @arbaazkhan4887
    @arbaazkhan4887 2 роки тому

    Thank you! This was the video I needed to brush up figma

  • @kiwi-bu7zh
    @kiwi-bu7zh 7 місяців тому +8

    I'm a complete newbie to Figma and after trying out various tutorials, this was the first truly beginner-friendly one I found. So easy to follow with clear commentary on each feature! :)

    • @princeabelle7137
      @princeabelle7137 6 місяців тому +1

      I'm also just starting out and I agree that it was well explained.

  • @OCHManik
    @OCHManik Рік тому

    Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)

  • @plihanava1459
    @plihanava1459 Рік тому

    oh my, thank you! that was the first time i have opened Figma, and i really got a TON of useful information!!

  • @briefcaseofblues
    @briefcaseofblues Рік тому

    Thanks! Glad I kept looking and found your tutorial.

  • @rembautimes8808
    @rembautimes8808 Рік тому +1

    Watching this on a Friday night . Great content . I was tearing my hair today trying to understand Figma and your video really helped me

  • @iamalifawad
    @iamalifawad 2 роки тому

    Thanks, It was informative.
    I loved this. Please keep creating more tutorials on figma for beginners like me.
    Thanks again.

  • @stephaniegaines3480
    @stephaniegaines3480 Рік тому

    This was amazing and so easy to take in. Thank you!!

  • @snackhelm3234
    @snackhelm3234 Рік тому +1

    This worked incredibly well! I can finally play it thanks

  • @DanielMastroSG
    @DanielMastroSG Рік тому

    This is my first Figma tutorial video, and it is fantastic. I feel inspired. Thank you.

  • @melaniiafrolova9728
    @melaniiafrolova9728 Рік тому

    Thank you very much!! I like your style and design, and this video covers all the needed info for a beginner. Subscribed :)

  • @guerra_dos_bichos
    @guerra_dos_bichos Рік тому +1

    this is so dense packed with information, I've been reawatching this for weeks

  • @josetealover
    @josetealover Рік тому +1

    exactly what i was looking for, thank you so much!

  • @simonestern9039
    @simonestern9039 Рік тому

    Truley amazing! a choca packed tutorial!! thank you, you're a fantastic knowledgable and passionate teacher

  • @gonzo191
    @gonzo191 2 роки тому +76

    The interactivity at @28:00 for home going to home 2 could've also been done using the overflow scrolling feature in the prototype tab. Simply select the parent container of the face image > go to Prototype > set Overflow Scrolling to horizontal and voila. This way, you dont need to dupe the home for that functionality.

  • @user-ni8ev7om7y
    @user-ni8ev7om7y 8 місяців тому +2

    This was so well explained!!! Thank yku so much..your section on prototyping was everything i needed

    • @JesseShowalter
      @JesseShowalter  8 місяців тому

      If you want to learn more about prototyping check out my new UI design program 30dayui.com/

  • @user-ii9ou9jc2y
    @user-ii9ou9jc2y 3 місяці тому

    Fantastic content, delivery and explanation. Thank you! I have struggled to follow other classes who blab too much about things I don't understand yet, and don't give context or a little story to explain. Their videos also are 5 years old and Figma isn't static so that doesn't help me understand the latest version. I feel anyone could easily understand Figma now thanks to you. I certainly do. Please keep up the great work, it is very much appreciated!

  • @LoveSynthesi
    @LoveSynthesi Рік тому +1

    @Jesse Wow! Such an incredible product demo. Thank you for showing me that the sky is the limit with this wonderful tool.

  • @thegodmc
    @thegodmc Рік тому

    dude, you are awesome. Thank you so much!!!!

  • @sophiemendoza687
    @sophiemendoza687 Рік тому

    Thank you for your hard work! It is greatly appreciated!

  • @bradvandiviere
    @bradvandiviere Рік тому

    Super helpful video! thanks so much! I'll be checking out your other resources. Thanks for including so many helpful links in your description.

  • @jasbirsinghpamar1787
    @jasbirsinghpamar1787 Рік тому

    Thanks for explaining it really well! I've been putting off learning soft soft cuz it looks so intimidating but now that I easily understood the

  • @nikka9191
    @nikka9191 3 місяці тому +1

    This is so helpful, thank you so much !

  • @seanarussell
    @seanarussell 16 днів тому

    Wow! So much value in this video. I’m in love with prototypes. Ready to jump in and start designing my app. Subscribing now.

  • @david.avetisyan
    @david.avetisyan 2 роки тому +1

    Thanks a lot! I am from Russia, I watch your videos and try to understand. Useful for work and improve my English. I wish you success!

  • @albertoparedes23
    @albertoparedes23 6 місяців тому +1

    For me who has been an advanced Adobe XD user for a while and need to transfer a whole project to Figma in one week, this class was a great help to get me started as fast as possible with this app...

  • @tfranxx588
    @tfranxx588 2 роки тому

    top notch mate, so much info, short and easy explained

  • @lupras
    @lupras 2 роки тому +21

    Thanks, I need this, you are an awesome teacher! I need to build upon that Google cert. When I finally get that UX interview, I'm going to mention your channel as a learning resources.

  • @snehashah7144
    @snehashah7144 8 місяців тому +1

    This is great!

  • @lchradnus
    @lchradnus Рік тому

    Most useful figma details of all youtube tutorials i watched !!

  • @robertosilva8425
    @robertosilva8425 Рік тому

    works, keep up the good work man

  • @suhendro18
    @suhendro18 Рік тому +1

    Thanks Jesse, really great tutorial, one of the best 👍

  • @jennacorre8084
    @jennacorre8084 Рік тому

    Thanks for all you do :) You’ve helped me so much already!

  • @quangao7575
    @quangao7575 Рік тому +1

    thank you, Jesse. It's very easy to understand and helpful.

  • @jeanniecrochet
    @jeanniecrochet 2 роки тому +1

    It's awesome! Thank you very much for your video. It's very helpful!👍

  • @yenoudom5264
    @yenoudom5264 2 роки тому

    Thank for sharing your knowledge 🙏🏼

  • @Matty100
    @Matty100 8 місяців тому +1

    Thank you Jesse this is a great video! I am wondering though why do you prefer to make everything groups instead of frames??? Thank you!

  • @digiratimax
    @digiratimax Рік тому

    Awesome basic introduction to Figma. Thanks!

  • @nguyenle9593
    @nguyenle9593 2 роки тому +1

    Thanks, Jesse! Very helpful!

  • @karthikrajendran3394
    @karthikrajendran3394 2 роки тому

    Thanks. I wanted to see autolayout, and you gave a good demo.

  • @matusb9985
    @matusb9985 Рік тому

    One of the best videos about figma!!

  • @ejsanjuan1111
    @ejsanjuan1111 Рік тому

    Thank you very much jesse! I have ZERO knowledge. Thank you for giving me a Head Start!

  • @josenieves5739
    @josenieves5739 Рік тому

    Thanks Jesse, this is what I was looking for.... thank pal!

  • @haoshetland4230
    @haoshetland4230 Рік тому +1

    Thank you so much!

  • @jessykaiser6373
    @jessykaiser6373 Рік тому

    Fantastic Masterclass! I will look for more.

  • @Alexekk
    @Alexekk Рік тому

    This is incredible. Thanks a lot!

  • @aruselizbaryan4042
    @aruselizbaryan4042 10 місяців тому

    A HUGE THANK YOU !!

  • @leoseven216
    @leoseven216 11 місяців тому

    thank you. this helps me a lot.

  • @Mania26
    @Mania26 2 роки тому +1

    Thanks! I love to learn with you.

  • @chelseashen284
    @chelseashen284 2 роки тому

    thanks!! super helpful!! great teacher

  • @mktnativo82
    @mktnativo82 Рік тому

    Thanks bro! super useful greetings from Mexico

  • @thejuniex
    @thejuniex Рік тому

    Thank you so much! I learned more tools & tips from your video :)

  • @lukkkie
    @lukkkie Рік тому

    great tutorial! thanks for your work !

  • @PaytonClarkSmith
    @PaytonClarkSmith Рік тому

    Figma is life 💪🏼 thanks Jesse!

  • @ichiharayuiko
    @ichiharayuiko 2 роки тому

    YOU ARE AMAZING! THNAK YOU!

  • @jimhunt4507
    @jimhunt4507 2 роки тому

    Brother, this is really great for me because I am starting the Figma journey. I have years of photography and photoshop experience and I want to start getting into this design world. Most of this is similar to Photoshop and other Adobe products but this is a nice overview for me. Thanks, I do really appreciate it. Does the desktop version and web version sync?

  • @sanketss84
    @sanketss84 Рік тому

    super duper intro to figma to showcase what all can be possible.

  • @lorenepretorius4602
    @lorenepretorius4602 Рік тому

    I am mind blown with how amazing this is

  • @AnahiAndJustin
    @AnahiAndJustin 11 місяців тому

    Huge help, thank you!

  • @andreaseverini8487
    @andreaseverini8487 6 місяців тому

    Actually made it before the video. Designing 8 variant in size and colors then the hovered/clicked ones. Just checked with your video if it is going to be okay. Seems to be good. :) thanks, appriciated!

  • @hoshmandbeclass3642
    @hoshmandbeclass3642 7 місяців тому

    That's really helpful, Thanks!

  • @DubbelDutch1
    @DubbelDutch1 Рік тому

    Very good refresh of Figma for me after a while, thx!

  • @1ccarrozza
    @1ccarrozza Рік тому

    This was great. Very helpful. Do you have any tutorials about the groups and layers. I have been having issues with that when using grouped objects when I add UI kits.

  • @winfordmdesignstoo3587
    @winfordmdesignstoo3587 Рік тому

    Thank you for this information!

  • @sporcyzx9jr.870
    @sporcyzx9jr.870 Рік тому

    Great stuff thanks!

  • @shyamsundar2170
    @shyamsundar2170 Рік тому

    This is awesome...thank you..stay well, give more..e 👌

  • @fucker4sheeps
    @fucker4sheeps Рік тому

    Thanks so much!

  • @ayoubdadda1380
    @ayoubdadda1380 Рік тому

    Awesome, great video!