\
0:00 Course Outline
7:00 Join Our Online Classroom!
11:01 Meeting The Client
15:14 The 2 Paths
17:10 Exercise Building Your Logo
18:38 Designer vs Developer
25:32 Skills To Be A Top Designer
\
32:39 Introduction To Sketching
36:06 The Sketching Process
43:12 Sketching User Flows
51:18 Sketching User Flows 2
57:08 Sketching User Flows 3
1:06:58 Sketching User Flows 4
1:17:00 Sketching Tips
\
1:25:02 How To Stay Inspired
1:33:01 How To Find Inspiration
To Figma\
1:46:48 Introducing Figma
1:48:38 Figma Dashboard
1:53:51 Figma Tools
1:59:36 Layers & Pages
2:02:59 The Top Bar
2:13:27 Design Properties
2:24:44 Prototyping With Figma
2:28:19 Exercise Creating A Responsive Layout
Flows\
2:45:03 What Are User Flows
2:51:19 The Do’s And Don’ts
2:55:58 Speed Up Workflow With Components
3:02:38 Creating Our Own User Flows
3:15:28 Creating Our Own User Flows 2
3:28:39 Creating Our Own User Flows 3
\
3:41:59 Introduction To Sitemaps
3:43:43 Creating A Basic Sitemap
3:48:00 Before You Start
3:55:57 Creating A Sitemap
4:11:22 Creating A Sitemap 2
4:17:34 Tips For Getting Started
\
4:22:08 What Is A Wireframe
4:28:59 How To Create A Wireframe
4:35:43 Wireframes In FIgma
4:40:57 Creating Our Home Page
4:57:55 Creating A Product Page
5:10:14 Creating A Checkout Page
\
5:21:11 Prototyping Basics In Figma
5:32:43 Prototyping Basics In Figma 2
5:40:15 Prototyping Basics In Figma 3
5:45:47 Prototyping Basics In Figma 4
5:55:47 Linking Together A Quick User Flow
6:06:48 Working On Small Interactions
6:18:39 Exercise Imposter Syndrome
\
6:21:35 Why Is Feedback Important
6:25:54 Constructive Feedback
And The Grid\
6:32:43 What Is A Grid
6:36:46 Grid Basics
6:42:43 Making Our Grid In Figma
6:51:34 Grid Guidelines
\
6:56:26 Serifs
6:59:47 Sans Serifs
7:03:29 Display & Mono
7:08:08 Picking Typefaces
7:09:48 Choosing Typefaces For A Project
7:20:00 Choosing Typefaces For A Project 2
7:30:01 Choosing Typefaces For A Project 3
7:41:48 Creating Our Own Type System
\
7:53:02 Color Schemes
7:56:56 Important Questions To Ask
7:59:40 Creating Color Palettes
8:02:36 Creating A Monochromatic Color Palette
8:07:43 Applying Our Color Palette
8:19:41 Expanding A Strict Color Palette
8:26:49 Creating Our Own Color Palette
UI Elements\
8:38:23 What Are Forms UI Elements
8:42:42 Best Practices For Forms
8:57:36 Best Practices For Inputs
9:02:23 Best Practices For Inputs 2
9:10:11 Best Practices For Inputs 3
9:13:23 Best Practices For Inputs 4
9:21:05 Best Practices For Buttons
9:27:44 Creating Components In Figma
9:31:49 Using Atomic Elements
9:38:48 Using Instances In Figma
9:42:17 Editing Instances
9:47:21 Responsive Components
9:52:26 Creating A Registration Form In Figma
Assets\
10:11:36 Visual Assets Introduction
10:15:14 Working With Photos In Figma
10:33:15 Working With Photos In Figma 2
10:42:05 Working With Illustrations In Figma
10:56:01 Figma Plugins And Icons
11:04:58 Custom Icons
\
11:18:14 What Is Accessibility
11:20:45 Assistive Technologies
11:23:36 Visual Patterns For Accessibility
11:28:07 Tools To Make Your Design Accessible
11:34:31 Visual Patterns For Accessibility Part 2
Patterns\
11:41:14 What Are Design Patterns
11:47:14 Why Are Design Patterns Valuable
11:49:39 How To Apply Design Patterns
11:54:08 Analyzing Design Patterns
11:59:48 Dissecting And Choosing Design Patterns