Figma Masterclass Course 2024 | Figma Tutorial for Beginners

Рет қаралды 311,690

Күн бұрын

File file:
thedesignership.gumroad.com/l...
Timestamps:
00:00 - What we will be doing?
01:00 - Figma Masterclass
01:34 - Assessing the Tesla.com
02:40 - Download the follow along file
02:45 - Preparation stage (Setup global styles, components and more)
22:45 - Design stage (Grid system, autolayout, constraints and more)
38:15 - Prototyping stage (Animations, fixed position elements and more)
===
Ultimate Figma Design Masterclass (4,900+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/t...
Practical User Research & Strategy Masterclass (NEW!! 100+ students. 8 hours)
👉 thedesignership.com/courses/p...
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 thedesignership.com/products/...
Outline - Figma Wireframe Kit (350+ components and variants)
👉 www.thedesignership.com/produ...
Sign up to my newsletter for exclusive content:
👉 mizko.net/newsletter
Follow me on IG (Daily updates):
👉 / themizko
===
Level up with me:
Become a legendary designer: thedesignership.com
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)

Пікірлер: 334

@Mizko Жыл бұрын

👉Become a Figma Expert & Master and End-to-end UI Design Process in 8 hours with me 👉 www.thedesignership.com/courses/the-ultimate-figma-masterclass (5,200+ students)

@LightsaberPanda Жыл бұрын

What if your already working as a UXer?

@fatimaali1874 Жыл бұрын

@@LightsaberPandaihlhfudgbyoqfñj😅😊

@violetegbe7972 Жыл бұрын

Thank you so much.....I enjoyed your lecture

@creativelizzy.wonder 10 ай бұрын

I really desire to take your course but for funds. I hope to save up to it soon. Well-done Mizko

@dotabuff5288 8 ай бұрын

*SO WHERE IS END TO END PROJECT? U MADE A SUPERSIMPLE 2 SCREEN LANDING? THIS SUCKS*

@klodianamazrekaj664 2 ай бұрын

just finished the tutorial and as a person who cannot finish a course til' the end with this one I just couldn't stop listening and learning along. great work Mizko :)

@bocasecamansalamanca 10 ай бұрын

The difference with Mizko and the rest of tutorials out there is that he actually know what he is doing. Cheers man! I really appreciate you took the time to put this together for people like us to learn. I am looking forward to serving clients so I can give back to you. Feeling grateful.

@vozerova Жыл бұрын

I studied design for 4 years and nobody has thought me anything about Figma. I can now honestly say that after following each and every step in this tutorial, I'm much wiser and gained the basics that I have needed for so long. Thank you!

@jayasurya2781 Жыл бұрын

Hello Mizko, you are just FANTASTIC. You ACTUALLY know the concepts in depth and I have not found ANY other figma tutorial which is as in depth as yours. One more thing I noticed in you is you are GENUINE. You GENUINELY want to teach us all the professional tricks. I love how obsessed you are with being SYSTEMATIC. Lotss of love and thanks brother. I will mostly join your paid course hopefully. But I will recommend you to anyone and everyone whom I think are in need to learn Figma. Keep going. Keep teaching.

@dummydesign9609 Жыл бұрын

This is great! Love these tutorials, that covers all the process. These projects really grab the attention. Only now noticed it was 44 min! Incredible, you can deliver a lot of information in a fast pace, but at the same time explaining it really well, going into the details. Congratulations!

@richiechan929 Жыл бұрын

I really enjoyed watching this. This has taught me how to extract elements off a brand's website (in this case, Tesla) and paste them onto Figma canvas. This will be very useful in setting up a design system and when designing a product for a brand without having to wait for the brand to give the designer their brand guide or asset files. Also, I particularly like the 'auto-layout' function which makes workflow efficient and time-saving.

@d3bbi3b93 7 ай бұрын

Best Figma tutorial I've watched so far hands down! Diving into UIX design over the last month and a half has been challenging with all extensive information and tricks to better make your designs intentional and effective. But this broke it all down perfectly, in just under 45 mins! Fab stuff

@philipperoque1558 Жыл бұрын

For anyone confused in the minute 38:36, figma moved the scroll behavior option to the prorotype settings

@govanngoatokomana4502 Жыл бұрын

Thank you...

@pizarroferreira Жыл бұрын

Thanks!

@AbdullahRajHussain Жыл бұрын

I love Figma. But these stupid shit that they do makes me angry.

@figmauzb7978 Жыл бұрын

I don’t see fix position in my Figma, why?

@mirzaabdullah3490 10 ай бұрын

@@figmauzb7978yeah me too, just because figma moved it into prototype section after a update.

@winterbae8273 Жыл бұрын

Damm, and I’m here thinking auto layout, constraints and prototyping is so hard, you made it look so easy and made my work easier too. Thanks a lot Mizko🙏

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

Mizco - I truly did learn a ton of ways to boost my speed and efficiency to the next level! Getting what I can from a bootcamp, but this is why I search out this sort of video outside of a program. Striving to be a figma master. Look forward reviewing your other content. Thank you!

@4hnaxf Жыл бұрын

As a developer who always wanted to learn designing in Figma, I really learnt a lot today. Thank You Mizko! You are the best!!

@mohammedsamir4759 Жыл бұрын

Loved it Man!!! A lot of content creators make the mistake of not showing the shortcuts or the buttons they are using. This causes beginners like me to waste 2 hours trying to figure out what did he pressed to perform this specific action. Yesterday a 6 min tutorial turned into a 2.5 hours disaster for me. Thankfully, you're not one of them. Appreciate how you showed every key and made the tutorial very easy to watch.

@charlesbbosa Жыл бұрын

Mizko, I transitioned from a decade of Graphic Design to UIUX in 3 months thanks to your content. I am now working on starting a community where I can pass on the same knowledge. That's the impact your work is making around the world. Thank You.

@Mizko Жыл бұрын

I am so happy to hear, thank you Charles!

@WhatsMyLane Жыл бұрын

Ex designer here myself, nice to see another of my people adapting and surviving. 👋

@erdemkose8994 Жыл бұрын

I transitioned from interior architect/design to ui/ux haha😅

@Mizko Жыл бұрын

@@erdemkose8994 🙏

@FeliciaOmotayo Жыл бұрын

I'd love to join the community 😊

@k16e Жыл бұрын

You've done a good job with your tutoring style here as well as your depth. Thanks.

@stacyjara5098 Жыл бұрын

Amazing video per usual. Thank you for your insight. Your content is so easy to follow due to how clear your directions are! Thank you so much Mizko!

@enigma007_ Жыл бұрын

You explained such basic yet important things very nicely. Usually other tutorials skip this part. Learned a lot from this tutorial :)

@1515renegade Жыл бұрын

I learned SO much in these last 44:17, AMAZING teacher/instructor you are!

@kynx_designs Жыл бұрын

Thank you so much, I wish I found your videos earlier, I already subscribed…Thanks for letting out so much value. I sincerely appreciate, I’m going to watch this video over and over again. Until I’ve had a hang of it

@jimfrans2547 Жыл бұрын

Love this tutorial, Mizko. Thanks, my friend!

@nomadvisualsco Жыл бұрын

Thanks for the great tutorial! To apply the automatic spacing mode in the Auto Layout, now the option is in the dropdown in the “gap” input > select Auto.

@grantbooher7 Жыл бұрын

first video i've watched that truly explained the basics. incredible video mate, thanks a ton

@christinejustine Жыл бұрын

Thank you so much for this. I recently just picked up designing after a while, and this video has helped so much

@null7917 Жыл бұрын

I started learning ux/ui design just 2 weeks ago. Your videos are helping with a solid start. Thanks for taking your time with them

@Mizko Жыл бұрын

Thank you so much!

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

Wow wow 🎉👏

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

10 điểm 💥✨

@manishjp9590 Жыл бұрын

Beautiful, thanks for this wonderful tutorial. Love the way you storytell!

@santimatt 11 ай бұрын

For those asking about the "spacing mode" option not being there, I found that typing "auto" in the "horizontal gap between items" section works!

@do0058 10 ай бұрын

Yes it is the new version of figma

@samuelenobong9931 9 ай бұрын

Thank you very much 31:59

@apoorvsathish2536 6 ай бұрын

Thank you.

@shrishti93 5 ай бұрын

thank you so so so much

@kozzy.graphicsdesigner Күн бұрын

Thanks so much...was really stranded and jumping from tutorials to tutorials

@Geovanna.michelle Жыл бұрын

I wanted to see the steps of how building a website / mobile app to understand everything more clearly as to why it’s important to go through each step and you killed it. Always explained easily and can’t wait to incorporate it to my work

@sohelsana2148 Жыл бұрын

A very good and in-depth practical tutorial. My confusion about Auto layout gone. Great.

@vadymb2 Жыл бұрын

Awesome video man. I've just started working in Figma and that was my first project. Keep it up! 🤘

@imanali8797 Жыл бұрын

I really love it i did the same steps in the beginning i had few mistakes but at the end I did it thanks for the video

@yusrasheikh4213 Жыл бұрын

Your method of teaching is so Simple, I am loving it. Thankyou so much , I have started learning UIUX and I am So happy that I found you as my Teacher. :)

@francisnebreja278 Жыл бұрын

Perfect timing! Thank you for this Mizko!

@Mizko Жыл бұрын

Glad it was perfect timing Francis!!

@hinaniayoub_design Жыл бұрын

You're the BEST!, please upload more videos like this.

@Mizko Жыл бұрын

100%

@hinaniayoub_design Жыл бұрын

@@Mizko Can you show us in a video how to make the header responsive for the mobile version (Hamburger)

@empowerthecurious Жыл бұрын

Oh my gosh this was so insanely helpful! Thank you I learned so much.

@savanna5974 10 ай бұрын

Woo, the best Figma tutorial I have ever watched. Thanks, Mizko!

@doublesil9449 8 ай бұрын

I have to say, you are the BEST! Among lots of the tutorials that I have seen, your video is the best for both the beginners and professionals.

@ungdung_i Жыл бұрын

I've been looking for tutorials like this for so long! thank you so so much

@Mizko Жыл бұрын

I got you!

@backupbackb.u.b136 Жыл бұрын

Thank you for this. It was so fun to follow along.

@alfiartya23 Жыл бұрын

Thank you Mizko for this tutorial! Anyway I just figure out that Plus Jakarta Sans font look very similar with the original website and I use it for my design in this video 😄

@barboravackova8364 Жыл бұрын

Incredible video, super useful. Thank you!!

@motips Жыл бұрын

Great work man! Love your vids :)

@jasonramirez6182 Жыл бұрын

as a newbie in figma, this kind of tutorial is so helpful for us ;) thankyou

@sophiaonus3108 6 ай бұрын

i watched this video and t took me a week watching it. and I'm replaying it to familiarise with the terms and actions used, not just practise. i am ahppy i met you mizko

@pramodb3928 Жыл бұрын

this is a wonderful video, especially on auto layout. I learned so much, Thank you

@sahilsuperstar85 Жыл бұрын

Amazing tutorial @Mizko, my figma conceptual foundation just got a boost, great content and delivery. Iam now waiting for your new course post config 2023

@Louisebova Жыл бұрын

This is an incredibly helpful video!

@jerryf1972 Жыл бұрын

Outstanding!!!!🔥 Subbing straight away!

@daniels7250 6 ай бұрын

Learning figma for the first time. You explained it very well thanks!

@kevinbrumfield8007 Жыл бұрын

Mizko, great tutorial! Love learning by building along with you. Question, can the hover animation used in the Tesla site's navigation bar be recreated in Figma? I would LOVE to see you do a follow-up tutorial and build this out. Thanks again!

@eddysimeon2 Жыл бұрын

you are a great teacher! nice

@sihlembonani2862 Жыл бұрын

Thank you so much for this tutorial. Really helped me get started for my Uni Project

@jjnatdog5765 Жыл бұрын

Awesome tutorial, cant thank you enough

@opmax_discovery Жыл бұрын

Thanks Bro, This was Really Helpful. I Literally Just Started FIGMA Today and I Have Watch Lots of Tutorials and I Must Say From all of Them, This is the BEST Tutorial So Far. With Just Your VIdeo I Can Create Something With Figma.THANKS.

@anaranlee Жыл бұрын

This is the best! thank you so much.

@Elrykkstorm 8 ай бұрын

You are such a good teacher. Love your videos!

@amarmohammed5644 Жыл бұрын

Thank you so much, I hated design as I was rubbish which meant I stayed away from figma. This video is what you MUST do at the start of any project. Thank you for an amazing tutorial

@0hfoxyroxy Жыл бұрын

Oh my goodness, I'm learning new things every day!

@andreinee Ай бұрын

Mizko, You are such an amazing teacher. I have learnt a lot from following this tutorial. Now I understand how to inspect a website better, auto layout, and components. Thank you and I appreciate your effort.

@martygo 6 ай бұрын

Great tutorial. Thanks!

@adotimpact 7 ай бұрын

Thank you. This is super helpful!

@fat3228 6 ай бұрын

Absolute pure gold, thanks Mizko for providing straight to the point explanations and smart tips!

@lika5817 Жыл бұрын

thank you sm your videos are actually sm better than the course i am taking rn🤠

@Ralphunreal Жыл бұрын

Great tutorial, goes into the little details that a lot of other tutors usually don't cover.

@Mizko Жыл бұрын

Only the best for my audience :)

@landwirtschaft2116 Жыл бұрын

I watched tutorials that seem very similar to yours and are sadly even better ranked. But most of them do a pretty sloppy layout job (not really aligning things, not using Figma's layout tools etc.)… Having already some design background it was too annoying to watch how important details are just ignored. So i ended up with your tutorial, definitely much better, thank you! Only thing that could be improved: teach it much much slower. I know i can pause, but it's kind of breaking the flow. And KZfaqs slow down playback just doesn't sound good :D But hey, that's really very critical feedback now. I'm very happy with the content you are delivering here. Thanks!

@do0058 10 ай бұрын

Best tutorial out there!

@hijumoke Жыл бұрын

Thank you so much!!!!

@CeylonMondegreen 8 ай бұрын

This was an excellent tutorial, man. Thanks!

@MeeuwsenWorld 10 ай бұрын

Killer Vid, Mizko. Apprecaite your time.

@marzoval9551 Жыл бұрын

Just finished the whole vid. Great tutorial! Very helpful.

@Mizko Жыл бұрын

Faster than Usain Bolt!

@burugdoy9032 Жыл бұрын

Thank you very much!!!!

@cheriftabouche1606 Жыл бұрын

Great tutorial.

@mukulsharma88 Жыл бұрын

Want more tutorials like this great work man 👍🏻

@Mizko Жыл бұрын

They're coming!

@MuchLove.12 5 ай бұрын

This video is GOLD! Thank you @Mizko

@iCodeArtisan Жыл бұрын

This is dope!

@FablesOutofSpace Жыл бұрын

Sir, I have learned a lot today thanks to your beautiful content! Thank you:)

@Mz_ceentia Жыл бұрын

This was awesome, thank you very much.

@herbertpimentel 6 ай бұрын

This is by far the most comprehensive overview of the power of figma.... I cannot express my gratitude for that ♥

@Mizko 6 ай бұрын

Wait till you take on my Figma course 😅

@RejiSamuel Ай бұрын

One of the best videos I have seen on Figma, Thank you, Mizko

@MissPinaii Жыл бұрын

Thank you!!

@RMaggot Жыл бұрын

Tnks Mizko! I'm going to watch more of your videos!

@belabako8045 Жыл бұрын

Your tutorials are fun to watch 🙂 I would like to learn more about 3d integration, maybe integrate 3d artworks, buttons, all that.

@Mizko Жыл бұрын

I'll bring in a Spline 3D tutorial sometime :)

@JL-ky5ev Жыл бұрын

This is superb tutorial

@scapeyourshadow Жыл бұрын

Thank you.

@HolidayJZ 18 күн бұрын

you're AMAZING at explaining things! I've had so many "WOW" moments watching this :D

@TerpkeZ 2 ай бұрын

Literally the type of video I've been looking for

@faheem-design Жыл бұрын

amazing work

@hossainalazad2686 11 ай бұрын

I learned a lot from this. Thank you brother 🖤

@ZaahirJappie 6 ай бұрын

Its so easy to listen to Mizko and follow along.

@AllanAltmann 10 күн бұрын

This was a really good tutorial for beginners. Objective e clear communication. Well done and thank you so much.

@2wentyracks 10 ай бұрын

amazingly insightful

@markxavior 7 ай бұрын

Mizko I thank you for educating us and I wish you to achieve everything you want to.

@helloux4901 9 ай бұрын

U are Professional & Excellent, so Helpful for your explanation

@buntykumar9008 Жыл бұрын

Just awesome. 👍👍This tutorial helps a lot of beginners to make their base strong while creating a UI... Kudos to Mizko

@Mizko Жыл бұрын

Thank you Bunty!!

@hardboiled2000 9 ай бұрын

some cool chrome dev tool bits I didnt know, thanks man

@ahmedragib1333 8 ай бұрын

This was so insightful

@thomasrenon Жыл бұрын

You don't really need to create 2 different frames, you can use scroll to, so you can stack all images using the same navigation being fixed, same buttons fixed as well.

@omotayoyohan3217 Жыл бұрын

I am thinking about that too

@lovesonjames-ys2lz Жыл бұрын

Start a KZfaq channel and teach... 🤷🏾‍♂️

@bh115 Жыл бұрын

Exactly