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

20h 58m 42s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 119 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

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

0:00
/
#1: Thank You and Welcome!

All Course Lessons (119)

#Lesson TitleDurationAccess
1
Thank You and Welcome! Demo
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

Unlock unlimited learning

Get instant access to all 118 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Books

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

#Title
1100+ Must-know Figma Shortcuts
2100+ Must-have Figma Plugins

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Figma design system - Figma UI kit and style variables

Figma design system - Figma UI kit and style variables

Sources: Adham Dannaway
The lightweight and powerful design system of Figma and UI kit will help you develop almost any website or application you can imagine.
Mastering Figma

Mastering Figma

Sources: leveluptutorials
This video is about Mastering Figma Introduction. Figma has similar uses to adobe XD and I'll be bringing you more videos to go more in-depth on how to use.
3 hours 37 minutes 49 seconds
Figma for Web Designers

Figma for Web Designers

Sources: flux-academy (Ran Segall)
If you've ever found yourself overwhelmed by Figma's extensive features or wished your workflow could be more efficient for web design projects… Then this course is your golden...
5 hours 31 minutes 58 seconds
Learn Figma - UI/UX Design Essential Training

Learn Figma - UI/UX Design Essential Training

Sources: udemy
Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a w
3 hours 55 minutes 26 seconds
Beginner Figma Video Course

Beginner Figma Video Course

Sources: Andrija Prelec
There is no better place to start learning design than the most popular design application! Learn by doing and begin or enhance your knowledge in Figma.
3 hours 22 minutes 35 seconds