Design 101 Crash Course: Learn UX/UI Design, Figma (6 HOURS!) | Zero To Mastery

Take your first step to becoming a UI/UX Designer in 2024 with this Design 101 Crash Course for beginners. In this 6-hour course, you'll learn design fundamentals, learn how to use Figma from scratch, plus get expert tips and tricks, and much more!

This Design Crash Course is part of Daniel Schifano's Complete Web & Mobile Designer Bootcamp course.

Once you finish this crash course, come take the rest of Dan's Design Bootcamp where you'll go even deeper and gain the skills to get hired as a full-time Designer in 2024 👇

🤑 Use code: YTDESIGN10 to get 10% OFF (for life!)

BONUS: Join now to get instant access to 100+ assets & premium design templates that you can keep and use to customize all your future projects.

==========

Resources & Files:

==========

⏲ Timestamps:

00:00 DESIGN CRASH COURSE INTRO
01:33 MEETING THE CLIENT
05:55 THE 2 PATHS
07:56 SKILLS TO BE A TOP DESIGNER
15:11 MAKE IT YOUR OWN
16:00 INTRODUCTION TO SKETCHING
19:36 THE SKETCHING PROCESS
26:50 SKETCHING USER FLOWS
35:05 SKETCHING USER FLOWS 2
41:02 SKETCHING USER FLOWS 3
51:01 SKETCHING USER FLOWS 4
1:01:12 SKETCHING TIPS
1:09:21 HOW TO STAY INSPIRED
1:17:30 HOW TO FIND INSPIRATION
1:31:25 RESOURCES
1:32:13 INTRO TO FIGMA
1:35:12 PLANS AND SIGN UP
1:37:53 WHERE TO USE FIGMA
1:39:24 FIGMA UI (STRUCTURE)
1:42:18 FIGMA UI (FILES)
1:45:09 FIGMA UI (TOOLBAR)
1:52:14 FIGMA UI (LEFT SIDEBAR)
1:59:57 FIGMA UI (RIGHT SIDEBAR)
2:06:33 SHAPES AND TOOLS (FRAMES)
2:09:55 SHAPES AND TOOLS (GROUPS)
2:12:48 SHAPES AND TOOLS (BASIC SHAPES AND BOOLEAN OPERATIONS)
2:19:21 DESIGNING IN FIGMA (IMAGES)
2:25:21 DESIGNING IN FIGMA (GETTING STARTED WITH THE TEXT)
2:31:31 DESIGNING IN FIGMA (CONSTRAINTS)
2:36:15 DESIGNING IN FIGMA (USING AUTO LAYOUT)
2:41:25 DESIGNING IN FIGMA (AUTO LAYOUT PROPERTIES)
2:49:32 RESOURCES AND COLLABORATION (COMMUNITY FILES)
2:52:51 RESOURCES AND COLLABORATION (COMMUNITY PLUGINS)
2:58:57 RESOURCES AND COLLABORATION (SHARING AND COMMENTS)
3:04:06 PROJECT (WHAT WE ARE GOING TO BUILD)
3:05:39 PROJECT (CREATING A LOGO USING BASIC SHAPES)
3:10:51 PROJECT (AUTO LAYOUT BUTTONS)
3:16:04 PROJECT (CREATING A RESPONSIVE NAVIGATION)
3:25:19 PROJECT (RESPONSIVE TEXT)
3:31:01 PROJECT (IMAGERY AND GRADIENTS)
3:36:43 PROJECT (STROKES AND SHAPES)
3:41:32 PROJECT (LAYOUT AND RESPONSIVENESS)
3:49:31 USER FLOWS EXPLAINED
3:54:51 THE DOS AND DON’TS
3:57:27 WHAT WE ARE GOING TO BUILD
3:59:41 REUSABLE USER FLOW ASSETS
4:06:44 USER FLOWS IN FIGMA (ONBOARDING)
4:17:51 USER FLOWS IN FIGMA (SEARCH)
4:26:54 INTRODUCTION TO SITEMAPS
4:28:47 CREATING A BASIC SITEMAP
4:33:12 WHAT WE ARE GOING TO LEARN
4:34:39 REUSABLE SITEMAP ASSETS
4:44:20 FIGMA CHECK-IN (BASIC COMPONENTS AND VARIANTS)
4:53:19 SITEMAPS IN FIGMA (THE TOP LAYER)
4:59:21 SITEMAPS IN FIGMA (DIGGING DEEPER)
5:04:09 SITEMAPS IN FIGMA (DIGGING DEEPER CONT.)
5:12:00 TIPS FOR CREATING GREAT SITEMAPS
5:15:15 WHAT IS A WIREFRAME
5:22:15 HOW TO CREATE A WIREFRAME
5:29:07 WHAT ARE WE GOING TO LEARN
5:31:14 FIGMA CHECKIN (BASIC BUTTON COMPONENT)
5:35:19 FIGMA CHECKIN (VARIANTS)
5:41:02 HOW TO USE OUR WIREFRAME COMPONENTS
5:46:42 WIREFRAMES (HOME)
5:59:54 WIREFRAME (CART)
6:07:06 WIREFRAME (PROFILE)
6:13:06 WHERE TO KEEP LEARNING & HOW TO GET HIRED AS A DESIGNER

==========

Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world

This could be you 👆

==========

[YahiaShelby]

New member in the field Thank you for this course
From Algeria 😍

[Breakthebinarybby]

I am taking the web development course and found myself pulling to design as I was building my skills. I’m glad I found this video to add on to. Shout out to the newsletter! Sign up for these gems!

[tintjiesemzansi]

super cool...I was just researching about UX UI ...I didn't know what it was until I watched your video. Thanks.

[Saissh]

Best video for getting started with UI designing. Would recommend others to watch too! This course is worth it for 6 hours! Clear explanations with practical work. Thanks for this free course. <3

[yanicktekam]

This course is really amazing, just finishing it, a really good start for UI/UX Design, explaining everything from Sketching to Wireframing, passing through Userflows and understanding Users, i recommend 100%.

[varunsinghrathore]

I'm at 4:53:28 and its past 3 in the morning.. I have been researching and reading from various resources online about UI/UX Designing from a past few months.This video was really helpful and the experience helped me a lot.Hope to complete the whole video soon.

Thxx to Daniel and zero to mastery, I'm going to apply this knowledge in my later projects🙌🙌

[etherealWordsmith]

Thanks a lot for sharing your knowledge for free. After only 3 hours, I was able to design two homepages using Figma!

[chukwuemekannodum]

Loved every figma-ent of this video. Thank you!!!

[jakeem]

I’m only an hour in and thank you so much. This has been a jumpstart back into learning UX design I’ve been taking the google certification and seeing the process in a video has cleared a lot of fog for me. I look forward to completing this.

[akamike]

I am super excited to be here.
I was lost but now I am found. ❤

[uifry]

"This "Full Design 101 Crash Course" sounds like a fantastic starting point for beginners looking to explore the exciting world of design. The promise of learning design fundamentals and mastering Figma from scratch is a strong draw, especially for those eager to get hands-on experience with a powerful design tool. I appreciate the expert tips and tricks included in the course, as they can often make a significant difference in understanding and applying design concepts effectively.

[mahendranath]

Wow, thanks for sharing the knowledge, thanks a lot

[mrzlab-vybc]

Love u guy. This video helps me lot. Even a premium course can't beat this. I watched Full video and now expert in just 1 week .

Thanks a lot

[shazamanything]

Thank you so much ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

[zidhutext]

very helpfull, your presentation is ecxelent

[SoroushZarrabi]

WoW, It's a real perfect zero to mastery course for who want to learn UI/UX design. I've been searching for it. Thanks a lot.

[leslie]

Would you do a full package Framer course? Can’t find any complete course online. I’m ready to purchase.

[Ji.happening]

Thank you so much, it’s helpful.I hope i will be come to UX/UI designer soon!

[anastasiakei]

Hi, thank you for create this video. Im glad now can learn from scratch by ourselves on social media platform such as Youtube. I want to know what kind of tablet that you use for create the UX and also is it possible to use Procreate ? Or is there any specific or few app you will suggest for us?

[rxuybdp]

Thanks for sharing the knowledge. What's the name of the sketching app you use?