Figma Masterclass for Beginners (2023 Updated)

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ค. 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

  • @juanpabloreinosa9054
    @juanpabloreinosa9054 2 ปีที่แล้ว +5

    Excellent tutorial Jesse. You're great teacher. Thanks

  • @stormbytes
    @stormbytes ปีที่แล้ว +39

    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.

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

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

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

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

  • @nikolaitjongarero265
    @nikolaitjongarero265 ปีที่แล้ว +2

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

  • @danimartinez1203
    @danimartinez1203 ปีที่แล้ว +4

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

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

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

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

  • @lynlee1631
    @lynlee1631 ปีที่แล้ว

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

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

  • @gloriareyes6556
    @gloriareyes6556 ปีที่แล้ว

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

  • @danielguerragalan1138
    @danielguerragalan1138 2 ปีที่แล้ว

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

  • @suzi_izy
    @suzi_izy ปีที่แล้ว +3

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

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

  • @Yanir-Pinker
    @Yanir-Pinker ปีที่แล้ว

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

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

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

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

  • @jordy1308
    @jordy1308 ปีที่แล้ว +2

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

  • @jasmynmadison5984
    @jasmynmadison5984 ปีที่แล้ว +3

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

  • @sophiemendoza687
    @sophiemendoza687 ปีที่แล้ว

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

  • @marvinpolicarpio2329
    @marvinpolicarpio2329 2 ปีที่แล้ว +1

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

  • @TyranVz
    @TyranVz ปีที่แล้ว

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

  • @cyrilkeith6368
    @cyrilkeith6368 ปีที่แล้ว

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

  • @arbaazkhan4887
    @arbaazkhan4887 2 ปีที่แล้ว

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

  • @jeanniecrochet
    @jeanniecrochet 2 ปีที่แล้ว +1

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

  • @stephaniegaines3480
    @stephaniegaines3480 ปีที่แล้ว

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

  • @iamalifawad
    @iamalifawad 2 ปีที่แล้ว

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

  • @andrewbccoast
    @andrewbccoast 9 หลายเดือนก่อน +1

    absolutely fantastic tutorial. thank you! 🙏

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

  • @briefcaseofblues
    @briefcaseofblues ปีที่แล้ว

    Thanks! Glad I kept looking and found your tutorial.

  • @josetealover
    @josetealover ปีที่แล้ว +1

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

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

  • @snackhelm3234
    @snackhelm3234 ปีที่แล้ว +1

    This worked incredibly well! I can finally play it thanks

  • @d.o.nmuzic3802
    @d.o.nmuzic3802 2 ปีที่แล้ว +44

    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

  • @simonestern9039
    @simonestern9039 ปีที่แล้ว

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

  • @yenoudom5264
    @yenoudom5264 2 ปีที่แล้ว

    Thank for sharing your knowledge 🙏🏼

  • @suhendro18
    @suhendro18 ปีที่แล้ว +1

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

  • @melaniiafrolova9728
    @melaniiafrolova9728 ปีที่แล้ว

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

  • @quangao7575
    @quangao7575 ปีที่แล้ว +1

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

  • @chelseashen284
    @chelseashen284 2 ปีที่แล้ว

    thanks!! super helpful!! great teacher

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

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

  • @tfranxx588
    @tfranxx588 2 ปีที่แล้ว

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

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

  • @plihanava1459
    @plihanava1459 ปีที่แล้ว

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

  • @nguyenle9593
    @nguyenle9593 2 ปีที่แล้ว +1

    Thanks, Jesse! Very helpful!

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

  • @guerra_dos_bichos
    @guerra_dos_bichos ปีที่แล้ว +1

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

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

  • @thegodmc
    @thegodmc ปีที่แล้ว

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

  • @jennacorre8084
    @jennacorre8084 ปีที่แล้ว

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

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

  • @nikka9191
    @nikka9191 3 หลายเดือนก่อน +1

    This is so helpful, thank you so much !

  • @DanielMastroSG
    @DanielMastroSG ปีที่แล้ว

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

  • @Mania26
    @Mania26 2 ปีที่แล้ว +1

    Thanks! I love to learn with you.

  • @PaytonClarkSmith
    @PaytonClarkSmith ปีที่แล้ว

    Figma is life 💪🏼 thanks Jesse!

  • @matusb9985
    @matusb9985 ปีที่แล้ว

    One of the best videos about figma!!

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

  • @Alexekk
    @Alexekk ปีที่แล้ว

    This is incredible. Thanks a lot!

  • @lukkkie
    @lukkkie ปีที่แล้ว

    great tutorial! thanks for your work !

  • @Ligerpride
    @Ligerpride 2 ปีที่แล้ว

    Great video, thanks for uploading.

  • @robertosilva8425
    @robertosilva8425 ปีที่แล้ว

    works, keep up the good work man

  • @digiratimax
    @digiratimax ปีที่แล้ว

    Awesome basic introduction to Figma. Thanks!

  • @karthikrajendran3394
    @karthikrajendran3394 2 ปีที่แล้ว

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

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

  • @josenieves5739
    @josenieves5739 ปีที่แล้ว

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

  • @lchradnus
    @lchradnus ปีที่แล้ว

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

  • @OCHManik
    @OCHManik ปีที่แล้ว

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

  • @thejuniex
    @thejuniex ปีที่แล้ว

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

  • @AmyB369
    @AmyB369 ปีที่แล้ว

    Very helpful thank you!!

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

  • @jessykaiser6373
    @jessykaiser6373 ปีที่แล้ว

    Fantastic Masterclass! I will look for more.

  • @seanarussell
    @seanarussell 13 วันที่ผ่านมา

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

  • @ejsanjuan1111
    @ejsanjuan1111 ปีที่แล้ว

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

  • @winfordmdesignstoo3587
    @winfordmdesignstoo3587 ปีที่แล้ว

    Thank you for this information!

  • @leoseven216
    @leoseven216 11 หลายเดือนก่อน

    thank you. this helps me a lot.

  • @AnahiAndJustin
    @AnahiAndJustin 11 หลายเดือนก่อน

    Huge help, thank you!

  • @lorenepretorius4602
    @lorenepretorius4602 ปีที่แล้ว

    I am mind blown with how amazing this is

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

  • @indongopaulus4852
    @indongopaulus4852 2 ปีที่แล้ว

    Thank you, i am switching to figma today!

  • @haoshetland4230
    @haoshetland4230 ปีที่แล้ว +1

    Thank you so much!

  • @RogerAL
    @RogerAL 2 ปีที่แล้ว

    Thanks for teaching me this much

  • @shyamsundar2170
    @shyamsundar2170 ปีที่แล้ว

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

  • @mktnativo82
    @mktnativo82 ปีที่แล้ว

    Thanks bro! super useful greetings from Mexico

  • @jeshil
    @jeshil ปีที่แล้ว

    Great informaton with instruction explained very clear

  • @stephen7715
    @stephen7715 ปีที่แล้ว

    Absolutely fantastic tutorial

  • @snehashah7144
    @snehashah7144 8 หลายเดือนก่อน +1

    This is great!

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

  • @hoshmandbeclass3642
    @hoshmandbeclass3642 7 หลายเดือนก่อน

    That's really helpful, Thanks!

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

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

    • @bamideleowusu9324
      @bamideleowusu9324 2 ปีที่แล้ว

      Any app for research and typing jobs that pays

  • @SandraGraves
    @SandraGraves 2 ปีที่แล้ว

    Thank you, I will be sharing this with my students.

  • @marlonlamancio
    @marlonlamancio ปีที่แล้ว

    The best intro to figma 👏👏

  • @DubbelDutch1
    @DubbelDutch1 ปีที่แล้ว

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

  • @bestakuma11
    @bestakuma11 ปีที่แล้ว

    Superb! I have ben looking for this...Thanks