Figma Masterclass for Beginners (2023 Updated)

Поделиться
HTML-код
  • Опубликовано: 5 июн 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

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

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

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

  • @rhanzel3320
    @rhanzel3320 2 года назад +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

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

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

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

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

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

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

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

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

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

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

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

  • @nikolaitjongarero265
    @nikolaitjongarero265 2 года назад +2

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

  • @Yanir-Pinker
    @Yanir-Pinker Год назад

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

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

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

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

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

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

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

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

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

  • @juanpabloreinosa9054
    @juanpabloreinosa9054 2 года назад +5

    Excellent tutorial Jesse. You're great teacher. Thanks

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

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

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

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

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

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

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

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

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

    This worked incredibly well! I can finally play it thanks

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

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

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

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

    Thanks! Glad I kept looking and found your tutorial.

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

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

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

  • @andrewbccoast
    @andrewbccoast 9 месяцев назад +1

    absolutely fantastic tutorial. thank you! 🙏

  • @nikka9191
    @nikka9191 3 месяца назад +1

    This is so helpful, thank you so much !

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

    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❤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @albertoparedes23
    @albertoparedes23 7 месяцев назад +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...

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

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

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

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

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

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

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

    Awesome, great video!

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

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

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

    A HUGE THANK YOU !!

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

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

    Thanks, Jesse! Very helpful!

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

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

  • @sporcyzx9jr.870
    @sporcyzx9jr.870 Год назад

    Great stuff thanks!

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

    Thanks! I love to learn with you.

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

    Thank you so much!

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

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

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

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

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

    Awesome basic introduction to Figma. Thanks!

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

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

    Figma is life 💪🏼 thanks Jesse!

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

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

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

    thank you. this helps me a lot.

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

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

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

    Good stuff, thanks!

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

    Thanks so much!

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

    That's really helpful, Thanks!

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

    works, keep up the good work man

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

    Huge help, thank you!

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

    Thank for sharing your knowledge 🙏🏼

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

    This is incredible. Thanks a lot!

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

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

  • @carlmccormick4499
    @carlmccormick4499 14 дней назад

    Decent video fella nice one!

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

  • @MArca-hj3xv
    @MArca-hj3xv Год назад

    Wooww. Thank you!

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

    thanks!! super helpful!! great teacher

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

    Thank you!!

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

    great tutorial! thanks for your work !

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

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

  • @user-ii9ou9jc2y
    @user-ii9ou9jc2y 4 месяца назад

    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!

  • @user-ni8ev7om7y
    @user-ni8ev7om7y 9 месяцев назад +2

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

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

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

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

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

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

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

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

    Thank you!

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

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

  • @Matty100
    @Matty100 9 месяцев назад +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!

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

    YOU ARE AMAZING! THNAK YOU!

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

    Finally thank you very much

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

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

    Very helpful thank you!!

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

    Love it 😊

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

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

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

    Thanks for the video !

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

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

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

    Great video, thanks for uploading.

  • @snehashah7144
    @snehashah7144 8 месяцев назад +1

    This is great!

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

    Thanks bro! super useful greetings from Mexico