Learn UI/UX Design & Figma - 2022 Interactive Crash Course

-- Today, we're going to focus on creating a website UI solely within Figma and using most of its features. We're going to start out with an interactive portion of the video where you're challenged with my new uEye game, which helps you learn UI design fundamentals.

If your goal is to learn UI/UX and Figma here in 2022, this video will be a great start to your journey!

0:00 - Project Preview
1:19 - Learn UI/UX Today
2:16 - Interactive uEye Challenge!
13:08 - Figma UI Overview
16:25 - Choosing a Background
20:27 - Adding a Layout Grid
21:57 - Designing a Quick Logo
26:29 - Creating your First Component
28:44 - Creating the Navigation
43:00 - Designing the Hero Section
47:15 - Adding a Layer Blur
49:00 - Adding Features
51:54 - Call to Action
55:51 - 3 Column Design
1:03:35 - Features Prototyping
1:09:19 - Call to Action Prototyping
1:14:15 - Adding a Lottie Animation
1:16:45 - Prototyping the Overlay
1:20:26 - Prototyping a Sub Page
1:21:51 - Final Thoughts

Let's get started!

#ui #ux #figma

Want to learn more about UI/UX design in a fun and interactive setting?:

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

Subscribe for NEW VIDEOS!

^-Chat with me and others

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

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

[DesignCourse]

Yearly check-in! What is your primary UI/UX design app that you use today? Figma? XD? Sketch? Something else? Let me know below!

[Hamyhamster]

Just wanted to let you know,

You were the first person I watched on YouTube to learn designs and inspired me to become a designer. That was beginning of 2021. I now got a full time job as a designer after transitioning out of my previous career.

Thanks for the hard work you put in!

[MohamedOsama-hmvo]

I cant believe this happens..

I just needed something to start with to learn ui design and figma specifically yesterday..

And here it is!

[manasnagelia]

The websites you're designing every year in your beginner tutorials are keep on getting better and better

[ashleyguza]

I'm in a UX Bootcamp and have been struggling with Figma and UI. This video was AMAZING! I just signed up for the full course! I'm so excited to go through the whole video library.

[MisterChickenWing]

GARY YOUR HAIR!! You look great man. Wanted to drop this here to let you know I landed a Junior UI Designer role a few months back at a great agency in London. And honestly so much of it was because of your videos. So thanks man, I owe you so much!

[old]

You can hold command (ctrl on windows) while dragging the frame borders to prevent changing the aspect ratio of the cropped image.

[MyPersonalChannel]

I just finish my degree in computer science. As you know we study many things but not in deep. So I watched your video, just to brush some knowledge about design. I really enjoy the way you speak and make us engage with the lesson. I think you are a very good teacher.
One of the things that I am most afraid of is if I am really prepared to work in programming? I am a bit scared of the industry.

[KalvinPatel]

Hey Gary, thanks for this tutorial! Would you ever consider doing a mock case study and walking us through the design process from start to finish? Would love to see more videos on how to practice that as well

[shoenhad]

As a Front-end Dev who sometimes lacks of inspiration. This is what i was looking for, create my UX/UI. Thank you so much for share your knowledge.

[victorcleftune]

I'm glad to witness this amazing work of Gary this early! Love you alot.

[TheHoinoel]

Just came here to say that the uEye game is such a great idea (and implementation). It helps train the eye with lots of examples in a fun and engaging way. I honestly believe there's no better way of training than that. Great fn job man, I'm super impressed.

[benspiracy]

I think Gary Simon has a really interesting background and the UI/UX videos I've watched are top notch. Here's to pivoting from a graphic design to a UI/UX track. The website and its courses will become very beneficial as trends from UI/UX change over time, especially with SVG animations.

[RasmusBakKristensen]

I'm studying UI/UX here in Denmark and I love these courses - if school just taught us things like this it would be so much better... Thanks for sharing and teaching us. I've been using Figma for a long time now but you can always learn ✌🚀

[maansibislam]

best Figma crash course yet seen so far. You did so well🙌❤

[FilippoVicari]

With long hair you look like a UI/UX rockstar ! Love your content, keep up with this great work! 🔥

[gretelrodriguez]

Hi Gary! Loved the whole video and followed along. Just noticed something funny at 1:08:32 you changed "Hang Gliding" to "Hang Gliding". Haha!

[davidjohnmorse]

Note for those who don't have the Adobe fonts you can use Lato in place of Aileron, looks pretty close anyway?

[ndutasamwa]

You're the best. Interestingly. I was watching the one you made on 4th Jan last year.

[captainfunnybonesvlogs]

Loads of love to you Gary. Thank you so much.