The UI/UX Crash Course for 2023 - Learn UI/UX Design

You're going to a lot about UI/UX design, along with many of the features and workflows of Figma. From UI design fundamentals such as colors, typography, white space, contrast, color, visual hierarchy & more.. To Figma components, component variants, auto-layout, the grid, prototyping & more..

Resource file (just a logo!):

0:00 - Intro
1:11 - Figma UI Overview
4:00 - Getting Started
5:55 - Creating a Grid
7:10 - Placing a Logo
10:42 - Navigation & Components
19:13 - Component Variants
31:16 - Heading
36:30 - Subheadline
41:20 - Call to Action Buttons
53:20 - News section
55:15 - Stark Contrast Plugin
1:02:39 - Using the Figma Community
1:05:21 - Gallery Section
1:16:24 - Final Result

Let's get started!

#uiux #webdesign #figma

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[emmanuellaarikpo]

Took a paid course for 7 weeks and i've learnt more in the past hour and a half than i learnt in 7 weeks. Thanks Gary!

[cpjordan]

Great class! I'm learning Figma while I learn full-stack web development. I quickly realized that coding without a design is painful and ineffective for me. This video has helped me fill in many blanks with Figma and UI design in general. Thank you!

[shishazizou]

I love your work! And the way you teach. It will be so cool if you could do intermediate to advance courses on Figma, Thank you.

[ComostroTirsoJose]

My favorite part was when you explanin the word "subjetive" for those who are not native in English like me. THANK YOU FOR THAT.

[limbo]

I always coded in HTML and CSS directly. My first impression in figma was that it looks painfully complicated, especially aligning elements and creating some simple effects. On the other hand it seems more intuitive for responsive layouts and I could detect problems while designing. That's nice. I think I give it a try.

[ernesto]

The video quality is wonderful. 2023 energy

[SERAPHINADILUPI]

This hour long video fully convinced me to pursue a career in this. Genuinely informative, interesting and so well explained. Thank you!

[cxrlitosway]

dude, you're a legend. Thank you for your videos, I've looked and looked and came across yours, yours is definitely one of the best.

[abdisamadkhalif]

Congrats on the 1M, Gary! Thanks for the crash course!

[xiaodhruv]

This is hands down the best figma and designing course in the entire youtube 🙌

[tonystarkmowa]

Really thanks it took me nearly 2 hours on watching your video and doing things in my figma

[sul-dev]

12:37 You can also hold [Shift + Alt then drag] to duplicate and move in 1 action

[jasonlantz]

love your stuff.... it's nice when someone can bridge the gap between dev and design....

[uifry]

I've learned so much from watching this video. Your attention to detail and the way you break down the design steps make it easy to follow along.

[faizanahmed]

Thank you brother for this video! congrats for 1M subs

[sunitaugwuja]

I love love this tutorial, leant really a lot. was skeptical at first but grateful I took it. Thanks

[priceandproduct]

I just fall in love with this class. This is an incredible class indeed. Thanks, Gary!

[chrisbolson]

Thanks for a great tutorial. I am just starting to learn Figma - this type of step-by-step tutorial is great and easy to follow.

[nasirify]

less than 24 minutes and I can already say that you are such a good teacher! Thanks 😘

[brendan]

Love your content. I’ve been using XD for a while and have a bunch of existing projects in that workspace and I’m very comfortable using it. I notice you always use Figma and I was wondering if you would recommend I swap my projects over to be more future proof or if it’s not a big deal.