Figma Masterclass for Beginners (2023 Updated)

Sdílet
Vložit
  • čas přidán 1. 06. 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

Komentáře • 308

  • @KamaleshwarMorjal
    @KamaleshwarMorjal Před rokem +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.

  • @d.o.nmuzic3802
    @d.o.nmuzic3802 Před 2 lety +45

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

    • @ph0rd
      @ph0rd Před rokem +4

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

  • @LiamStojanovic
    @LiamStojanovic Před rokem

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

  • @juanpabloreinosa9054
    @juanpabloreinosa9054 Před 2 lety +5

    Excellent tutorial Jesse. You're great teacher. Thanks

  • @stormbytes
    @stormbytes Před rokem +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.

  • @danimartinez1203
    @danimartinez1203 Před rokem +4

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

  • @pglickman
    @pglickman Před 2 lety +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!

  • @nikolaitjongarero265
    @nikolaitjongarero265 Před 2 lety +2

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

  • @Maulmota
    @Maulmota Před rokem +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

  • @HerbSilverman5
    @HerbSilverman5 Před rokem

    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!

  • @rhanzel3320
    @rhanzel3320 Před 2 lety +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

  • @TTV_Vela600
    @TTV_Vela600 Před 2 lety +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!.

  • @nicolaspettini3143
    @nicolaspettini3143 Před rokem +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!

  • @Lambdaphile
    @Lambdaphile Před rokem +8

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

  • @sarahlemaire1691
    @sarahlemaire1691 Před 2 lety +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 😃

  • @lynlee1631
    @lynlee1631 Před rokem

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

  • @robwtime
    @robwtime Před rokem +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.

  • @cyrilkeith6368
    @cyrilkeith6368 Před rokem

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

  • @gloriareyes6556
    @gloriareyes6556 Před rokem

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

  • @hobisdimples94
    @hobisdimples94 Před rokem +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!!

  • @Yanir-Pinker
    @Yanir-Pinker Před rokem

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

  • @Mania26
    @Mania26 Před 2 lety +1

    Thanks! I love to learn with you.

  • @jordy1308
    @jordy1308 Před rokem +2

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

  • @jasmynmadison5984
    @jasmynmadison5984 Před rokem +3

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

  • @danielguerragalan1138
    @danielguerragalan1138 Před 2 lety

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

  • @genevievenaidoo9595
    @genevievenaidoo9595 Před rokem +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!

  • @josetealover
    @josetealover Před rokem +1

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

  • @suzi_izy
    @suzi_izy Před rokem +3

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

  • @marvinpolicarpio2329
    @marvinpolicarpio2329 Před 2 lety +1

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

  • @iamalifawad
    @iamalifawad Před 2 lety

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

  • @stephaniegaines3480
    @stephaniegaines3480 Před rokem

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

  • @DanielMastroSG
    @DanielMastroSG Před rokem

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

  • @nguyenle9593
    @nguyenle9593 Před 2 lety +1

    Thanks, Jesse! Very helpful!

  • @sophiemendoza687
    @sophiemendoza687 Před rokem

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

  • @jeanniecrochet
    @jeanniecrochet Před 2 lety +1

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

  • @jasbirsinghpamar1787
    @jasbirsinghpamar1787 Před rokem

    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

  • @arbaazkhan4887
    @arbaazkhan4887 Před 2 lety

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

  • @sepidehfa1639
    @sepidehfa1639 Před rokem +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 Před rokem +1

    This worked incredibly well! I can finally play it thanks

  • @plihanava1459
    @plihanava1459 Před rokem

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

  • @AfanteMusic
    @AfanteMusic Před rokem +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.

  • @andrewbccoast
    @andrewbccoast Před 9 měsíci +1

    absolutely fantastic tutorial. thank you! 🙏

  • @TyranVz
    @TyranVz Před rokem

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

  • @guerra_dos_bichos
    @guerra_dos_bichos Před rokem +1

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

  • @chelseashen284
    @chelseashen284 Před 2 lety

    thanks!! super helpful!! great teacher

  • @melaniiafrolova9728
    @melaniiafrolova9728 Před rokem

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

  • @briefcaseofblues
    @briefcaseofblues Před rokem

    Thanks! Glad I kept looking and found your tutorial.

  • @quangao7575
    @quangao7575 Před rokem +1

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

  • @jennacorre8084
    @jennacorre8084 Před rokem

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

  • @tfranxx588
    @tfranxx588 Před 2 lety

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

  • @suhendro18
    @suhendro18 Před rokem +1

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

  • @nikka9191
    @nikka9191 Před 3 měsíci +1

    This is so helpful, thank you so much !

  • @rembautimes8808
    @rembautimes8808 Před rokem +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

  • @simonestern9039
    @simonestern9039 Před rokem

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

  • @OXMStudios
    @OXMStudios Před 7 měsíci

    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❤

  • @haoshetland4230
    @haoshetland4230 Před rokem +1

    Thank you so much!

  • @yenoudom5264
    @yenoudom5264 Před 2 lety

    Thank for sharing your knowledge 🙏🏼

  • @thegodmc
    @thegodmc Před rokem

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

  • @sporcyzx9jr.870
    @sporcyzx9jr.870 Před rokem

    Great stuff thanks!

  • @AnahiAndJustin
    @AnahiAndJustin Před rokem

    Huge help, thank you!

  • @seanarussell
    @seanarussell Před 29 dny

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

  • @josenieves5739
    @josenieves5739 Před rokem

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

  • @aruselizbaryan4042
    @aruselizbaryan4042 Před 11 měsíci

    A HUGE THANK YOU !!

  • @bradvandiviere
    @bradvandiviere Před rokem

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

  • @Alexekk
    @Alexekk Před rokem

    This is incredible. Thanks a lot!

  • @ayoubdadda1380
    @ayoubdadda1380 Před rokem

    Awesome, great video!

  • @fucker4sheeps
    @fucker4sheeps Před rokem

    Thanks so much!

  • @digiratimax
    @digiratimax Před rokem

    Awesome basic introduction to Figma. Thanks!

  • @MArca-hj3xv
    @MArca-hj3xv Před rokem

    Wooww. Thank you!

  • @LoveSynthesi
    @LoveSynthesi Před rokem +1

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

  • @karthikrajendran3394
    @karthikrajendran3394 Před 2 lety

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

  • @johnfabela1169
    @johnfabela1169 Před rokem

    Good stuff, thanks!

  • @albertoparedes23
    @albertoparedes23 Před 7 měsíci +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...

  • @lukkkie
    @lukkkie Před rokem

    great tutorial! thanks for your work !

  • @ioanaandreea3037
    @ioanaandreea3037 Před rokem

    Thank you!!

  • @JeSuisDurzoBlint
    @JeSuisDurzoBlint Před 2 lety

    Thanks for the video !

  • @Ligerpride
    @Ligerpride Před 2 lety

    Great video, thanks for uploading.

  • @PaytonClarkSmith
    @PaytonClarkSmith Před 2 lety

    Figma is life 💪🏼 thanks Jesse!

  • @hoshmandbeclass3642
    @hoshmandbeclass3642 Před 7 měsíci

    That's really helpful, Thanks!

  • @leoseven216
    @leoseven216 Před rokem

    thank you. this helps me a lot.

  • @FrancoisDressler
    @FrancoisDressler Před rokem

    Thank you!

  • @AmyB369
    @AmyB369 Před 2 lety

    Very helpful thank you!!

  • @user-ii9ou9jc2y
    @user-ii9ou9jc2y Před 4 měsíci

    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!

  • @SandraGraves
    @SandraGraves Před 2 lety

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

  • @XTh3reaperX
    @XTh3reaperX Před 2 lety

    Great video, thank you.

  • @winfordmdesignstoo3587

    Thank you for this information!

  • @ichiharayuiko
    @ichiharayuiko Před 2 lety

    YOU ARE AMAZING! THNAK YOU!

  • @thejuniex
    @thejuniex Před rokem

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

  • @lorenepretorius4602
    @lorenepretorius4602 Před rokem

    I am mind blown with how amazing this is

  • @snehashah7144
    @snehashah7144 Před 8 měsíci +1

    This is great!

  • @user-rs6xt1tc3s
    @user-rs6xt1tc3s Před rokem

    Still working as of today! Thank you!

  • @lchradnus
    @lchradnus Před rokem

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

  • @matusb9985
    @matusb9985 Před rokem

    One of the best videos about figma!!

  • @robertosilva8425
    @robertosilva8425 Před rokem

    works, keep up the good work man

  • @user-ni8ev7om7y
    @user-ni8ev7om7y Před 9 měsíci +2

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

    • @JesseShowalter
      @JesseShowalter  Před 8 měsíci

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

  • @ihminka
    @ihminka Před rokem

    Love it 😊

  • @frankbrown617
    @frankbrown617 Před rokem

    Thanks!

  • @jimhunt4507
    @jimhunt4507 Před 2 lety

    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?

  • @indongopaulus4852
    @indongopaulus4852 Před 2 lety

    Thank you, i am switching to figma today!

  • @DubbelDutch1
    @DubbelDutch1 Před rokem

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