Figma Masterclass for Beginners (2023 Updated)

No video

Figma Masterclass for Beginners (2023 Updated)

Рет қаралды 544,762

Күн бұрын

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.jesseshowa...
🏆 //////////// 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.co...
🖥️ ////////// I build websites with Webflow
webflow.grsm.i...
📅 ////////// I run my life with Notion
affiliate.noti...
🎵 ////////// 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/13...
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

Пікірлер: 313

@stormbytes Жыл бұрын

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.

@kiwi-bu7zh 10 ай бұрын

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 9 ай бұрын

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

@KamaleshwarMorjal Жыл бұрын

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 2 жыл бұрын

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

@ph0rd Жыл бұрын

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

@gonzo191 2 жыл бұрын

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.

@safa90 2 жыл бұрын

Great tip! Thank you!

@bamideleowusu9324 2 жыл бұрын

Any research or typing jobs that pays

@thomasopperer7254 Жыл бұрын

but then it won't snap on the right position

@hobisdimples94 Жыл бұрын

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

@pglickman 2 жыл бұрын

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

@lupras 2 жыл бұрын

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 2 жыл бұрын

Any app for research and typing jobs that pays

@albertoparedes23 9 ай бұрын

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

@genevievenaidoo9595 Жыл бұрын

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!

@sepidehfa1639 Жыл бұрын

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.

@Lambdaphile 2 жыл бұрын

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 Жыл бұрын

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

@rhanzel3320 2 жыл бұрын

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

@jordy1308 Жыл бұрын

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

@guerra_dos_bichos Жыл бұрын

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

@david.avetisyan 2 жыл бұрын

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!

@Rando6s Жыл бұрын

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

@jasmynmadison5984 2 жыл бұрын

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

@user-ni8ev7om7y 11 ай бұрын

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

@JesseShowalter 11 ай бұрын

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

@rembautimes8808 Жыл бұрын

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

@danimartinez1203 Жыл бұрын

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

@Matty100 11 ай бұрын

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!

@OXMStudios 10 ай бұрын

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❤

@nikka9191 6 ай бұрын

This is so helpful, thank you so much !

@marvinpolicarpio2329 2 жыл бұрын

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

@coolisfoolable Ай бұрын

I can't tell you how useful this is! Thanks a lot!

@snackhelm3234 Жыл бұрын

This worked incredibly well! I can finally play it thanks

@user-ii9ou9jc2y 6 ай бұрын

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!

@seanarussell 3 ай бұрын

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

@andreaseverini8487 9 ай бұрын

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!

@sarahlemaire1691 2 жыл бұрын

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 😃

@andrewbccoast Жыл бұрын

absolutely fantastic tutorial. thank you! 🙏

@AfanteMusic Жыл бұрын

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.

@PaytonClarkSmith 2 жыл бұрын

Figma is life 💪🏼 thanks Jesse!

@DanielMastroSG Жыл бұрын

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

@plihanava1459 2 жыл бұрын

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

@nicolaspettini3143 Жыл бұрын

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!

@josetealover Жыл бұрын

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

@lynlee1631 Жыл бұрын

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

@Maulmota Жыл бұрын

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

@juanpabloreinosa9054 2 жыл бұрын

Excellent tutorial Jesse. You're great teacher. Thanks

@LordJHouse Жыл бұрын

Thank you, thank you, thank you Jesse! This video is incredibly helpful on many accounts. I'm coming over from XD, and while there are several similarities, there are many differences. I will reference this tutorial again!

@nikolaitjongarero265 2 жыл бұрын

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

@lchradnus Жыл бұрын

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

@muhammadfajruladisyahputra4939 Жыл бұрын

I checked - everything is clean

@johanpedraza3347 Жыл бұрын

Great, I'm lucky, it works great for me without errors

@TyranVz 2 жыл бұрын

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

@antmo6805 2 жыл бұрын

On the Prototyping segment make sure yal ungroup everything or else your nodes won't appear to be able to make connections.

@damithelight Жыл бұрын

Really good! Thanks!

@JesseShowalter Жыл бұрын

Thank you too!

@troyhubert2046 6 ай бұрын

coming from wgu and have been loving your content for grasping two of my projects. thank you for all that you've been doing. had a question though; (and you may have addresed it) where's the rest of the 5 solas?

@sanketss84 Жыл бұрын

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

@quangao7575 2 жыл бұрын

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

@robwtime 2 жыл бұрын

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.

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

@RuneWold Жыл бұрын

Great class. One thing I cant find is to set the anchor point to a object. I have searched and found some old cases but now new one with a solution. 🛐

@ejsanjuan1111 Жыл бұрын

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

@agengo1 Жыл бұрын

You are an excellent teacher keep it up

@simonestern9039 Жыл бұрын

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

@NathalieHennequin Жыл бұрын

Woooow thar was so good, yes you make me fall in love with this beauty!

@leticsampaio 2 жыл бұрын

I wanna fucking thank you, because I thought Figma was impossible and it is so easy because of you. thanks man !

@suhendro18 2 жыл бұрын

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

@petrajelenova2741 Жыл бұрын

You are my favourite person to learn from

@robertosilva8425 Жыл бұрын

works, keep up the good work man

@ManikCF Жыл бұрын

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

@gloriareyes6556 Жыл бұрын

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

@cyrilkeith6368 2 жыл бұрын

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

@lorenepretorius4602 Жыл бұрын

I am mind blown with how amazing this is

@bestakuma11 Жыл бұрын

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

@shyamsundar2170 Жыл бұрын

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

@matusb9985 2 жыл бұрын

One of the best videos about figma!!

@briefcaseofblues Жыл бұрын

Thanks! Glad I kept looking and found your tutorial.

@melaniiafrolova9728 Жыл бұрын

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

@jeffbeaudoin4544 Ай бұрын

Exceptional.

@mpfiesty 5 ай бұрын

Big sheesh brother. you’re a talent.

@DubbelDutch1 Жыл бұрын

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

@mktnativo82 Жыл бұрын

Thanks bro! super useful greetings from Mexico

@danielguerragalan1138 2 жыл бұрын

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

@jessykaiser6373 Жыл бұрын

Fantastic Masterclass! I will look for more.

@Shana-pi7id Жыл бұрын

finally got a perfect channel for figma

@JesseShowalter Жыл бұрын

Glad you enjoyed it!

@HerbSilverman5 2 жыл бұрын

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!

@ABSVabeautifulsunsetvlog 2 жыл бұрын

Finally someone in UX who isn’t just posting 720p zoom calls😂😂😂…..Great video man

@SandraGraves 2 жыл бұрын

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

@EDMBoyRohan Жыл бұрын

great tutorial man. I'm Nice tutorialgh af and I understood tNice tutorials so well I was just hype to get to making s

@josenieves5739 Жыл бұрын

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

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

@leoseven216 Жыл бұрын

thank you. this helps me a lot.

@thejuniex Жыл бұрын

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

@carlmccormick4499 2 ай бұрын

Decent video fella nice one!

@jeanniecrochet 2 жыл бұрын

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

@user-rs6xt1tc3s Жыл бұрын

Still working as of today! Thank you!

@marlonlamancio 2 жыл бұрын

The best intro to figma 👏👏

@Yanir-Pinker 2 жыл бұрын

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

@lizzy_trevisan Жыл бұрын

Amazing video! I am starting in UX Design, and I appreciate for the explanation.

@snehashah7144 11 ай бұрын

This is great!

@kevinsengakane9876 Жыл бұрын

Amazing❤‍🔥💯... I feel like my mind and this tutorial just had a baby💫😹 Love you work Chief, true definition of quality Content!🤌🏿

@hoshmandbeclass3642 10 ай бұрын

That's really helpful, Thanks!

@vr2766 Жыл бұрын

very cool since even the official figma videos are outdated (i.e. the build it in figma series was made BEFORE VARIANTS WERE RELEASED) so thanks for this