Advanced Figma Video Course + Let's Design Together Add-on

20h 58m 42s
English
Paid
August 24, 2024

Become a Figma master and ascend the career ladder in design.

The course is filled with real tips and tricks from a senior product designer with a decade of design experience.

In addition to learning how to use Figma effectively, you will also discover how to apply it specifically for work in UX/UI design. You'll learn how to make necessary adjustments to your process depending on different types of product design and UX/UI design projects - from web applications to mobile apps, from websites to wearable devices.

This course is highly practical and includes numerous assignments to help you consolidate the knowledge gained.

Watch Online Advanced Figma Video Course + Let's Design Together Add-on

Join premium to watch
Go to premium
# Title Duration
1 Thank You and Welcome! 01:53
2 Who is This Course for? 01:38
3 Playback, Captions, and Video Speed 00:27
4 Prerequisites 01:18
5 How to Get the Most Out of the Course? 01:06
6 Assignments Overview and Tips (Don't Skip) 05:19
7 Using Plugins in Figma (Artboard Studio Demo) 05:12
8 Module Assignments Solutions 09:15
9 Test Your Knowledge Assignments Solutions 16:49
10 2023 Figma Features Update 07:47
11 Introduction to Advanced Layers and Shapes 00:31
12 Analyzing Designs with Figma in Mind 22:27
13 Layers, Groups, and Frames 08:26
14 Everything's a Box 09:16
15 Keeping Layers in Place 03:21
16 Positioning and Constraints 07:55
17 Repositioning and Spacing Tips 02:17
18 Advanced Shape Manipulation 05:53
19 Advanced Masking 07:01
20 Module Assignments Solutions 23:59
21 Final Module Assignment 1 Solution 14:59
22 Final Module Assignment 2 Solution 14:22
23 Final Module Assignment 3 Solution 11:49
24 Introduction to Iconography in Figma 00:37
25 Vectors and Rasters 02:20
26 Analyzing Icons 05:09
27 Benefits of Using an Icon Grid 02:43
28 What to Consider 06:19
29 Modifying Icons 14:30
30 Creating Icons (Part 1) 05:06
31 Creating Icons (Part 2) 08:10
32 Module Assignments Solutions 32:17
33 Final Module Assignments Guide 04:12
34 Introduction to Using Photos and Illustrations in Figma 00:31
35 Tips on Finding Assets 04:19
36 Adding Assets to Figma 08:02
37 Copying Frames as PNGs 03:28
38 How to Pick Visuals 14:27
39 Using Images in Your Designs 11:23
40 Adjusting Images and Blend Modes 09:07
41 Adjusting Illustrations 04:51
42 Module Assignments Solutions 29:56
43 Final Module Assignment 12:06
44 Introduction to Grids and Layers 00:44
45 Grid Basics 08:02
46 Controling Grids in Figma 11:00
47 Mobile Grids 24:41
48 Tablet Grids 03:21
49 Desktop Grids 14:06
50 Figma Grids Tips and Tricks 09:55
51 Module Assignments Solutions 10:35
52 Final Module Assignment Guide 05:05
53 Introduction to Practical Auto-layout 00:48
54 Auto-layout Basics 05:07
55 Advanced Auto-layout 07:20
56 Follow Along - Mobile App Bottom Sheet 23:29
57 Follow Along - Table 17:22
58 Module Assignment Solutions – Part One (Basics) 18:50
59 Module Assignment Solutions – Part Two (Mastery) 11:23
60 Module Assignment Solutions – Part Three (Mastery) 11:00
61 Final Module Assignment Solution 23:49
62 Introduction to Figma Styles 01:12
63 Color (Fill) Styles 12:54
64 Text Style 09:40
65 Effect Styles and Tips 03:29
66 Module Assignment Solutions 09:12
67 Introduction to Components and Variants 00:38
68 Component Basics and Strategy 24:27
69 Variants and Properties 20:14
70 Introduction to Design System Basics with Figma 04:19
71 Scalable Color Palettes 22:58
72 Assignment Speed Through 03:36
73 Scalable Typography 16:14
74 Assignment Speed Through 00:58
75 Scalable Spacing System 07:12
76 Elevation as a Foundational Element 08:24
77 Iconography 04:46
78 Creating Buttons 17:15
79 Buttons Assignment Solution Walkthrough 01:45
80 Input Fields and Dropdown Fields 11:42
81 Input Fields Assignment Solution Walkthrough 04:36
82 Selection Controls 18:05
83 Selection Controls Solution Speed Through 02:42
84 Design System Example Walkthrough 12:16
85 Using a Design System 08:01
86 Final Tips and Tricks 05:37
87 Introduction to Advanced Prototyping in Figma 00:38
88 Detailed Overview of Smart Animate 05:34
89 Transitions, Delays, and Clever Prototype Planning 23:33
90 Hovers, Overlays, and Prototyping with Components 11:50
91 Module Assignment Solutions – Part One (Basics) 11:41
92 Module Assignment Solutions – Part Two (Mastery) 29:27
93 Final Module Assignments Solutions 12:46
94 Introduction to Variables 01:06
95 Variable Foundations 20:14
96 Relation to Design System Tokens 09:07
97 Are Variables Needed for Efficiency? 09:43
98 Light and Dark Mode 38:11
99 Multiple Languages 12:15
100 Responsive Spatial System 28:33
101 Prototyping with Variables 14:52
102 Module Assignments Solutions 12:22
103 Introduction to Teamwork and Figma Organization: Tips and Tricks 00:34
104 Important Collaboration and Sharing Tips 12:35
105 How to Organize Figma Teams, Projects, and Files 10:35
106 File Thumbnails 02:04
107 File Organization Best Practices 07:27
108 Collaboration and Comments 03:13
109 How to Name Screens 02:32
110 Miscellaneous Assignments Solutions 09:07
111 Introduction to "Let's Design Together" Add-on 03:54
112 01 - A - Responsive Web (Mobile) 47:59
113 01 - B - Responsive Web (Tablet) 16:25
114 01 - C - Responsive Web (Desktop) 19:22
115 02 - A - Mobile App (Hybrid, iOS) 26:47
116 02 - B - Mobile App (Hybrid, Android Adjustments) 05:22
117 03 - iPad App 16:52
118 04 - Wearable (Apple Watch) App 04:23
119 05 - Web App (Dashboard) 26:17

Read Book Advanced Figma Video Course + Let's Design Together Add-on

# Title
1 100+ Must-know Figma Shortcuts
2 100+ Must-have Figma Plugins

Similar courses to Advanced Figma Video Course + Let's Design Together Add-on

Figma design system - Figma UI kit and style variables
Design a Responsive Airbnb Website with Figma
Motion Design with Figma: Animations, Motion Graphics, UX/UI
Figma for Web Designers

Figma for Web Designersflux-academy (Ran Segall)

Duration 5 hours 31 minutes 58 seconds
Learn Figma - UI/UX Design Essential Training

Learn Figma - UI/UX Design Essential Trainingudemy

Duration 3 hours 55 minutes 26 seconds
Mastering Figma

Mastering Figmaleveluptutorials

Duration 3 hours 37 minutes 49 seconds
Pixel Perfect Figma to Tailwind
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Complete Web Design: from Figma to Webflow to Freelancing