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

20h 58m 42s
English
Paid

Become a Figma master and ascend the career ladder in design with our comprehensive course.

What You'll Learn

This course is packed with real tips and tricks from a senior product designer with over a decade of experience in the field. Not only will you gain the skills to use Figma effectively, but you'll also learn how to apply these skills specifically in the realm of UX/UI design. This includes gaining insight into making necessary adjustments to your design process based on the type of project you're working on, be it a web application, mobile app, website, or wearable device.

Course Structure

This highly practical course includes numerous hands-on assignments designed to help you consolidate and apply the knowledge gained throughout the modules.

Course Benefits

  • Master Figma tools and features.
  • Learn practical UX/UI design techniques.
  • Gain insights from an experienced senior product designer.
  • Adapt your design process to various product types.

Practical Assignments

The course includes several assignments that will give you the opportunity to put your new skills into practice and ensure a deep understanding of the material covered.

About the Author: Andrija Prelec

Andrija Prelec thumbnail

Andrija Prelec is a product designer with a decade of industry experience.

He has worked on over 50 projects, including websites and mobile applications, which have reached more than 10 million users worldwide. Previously, he worked as a UX/UI designer at product design agencies (the most notable being the New York agency Five) and as a freelance product designer.

Currently, he is the CEO and lead designer at Sharc, as well as a UX instructor and mentor at Algebra. He focuses on developing product strategies, conducting user and market research, and creating impactful user interfaces and experiences. Outside of design, he has experience in hiring, mentoring, team management, client relationship building, and much more.

Andrija has trained thousands of current and future designers through his work, lectures, workshops, and courses. He also holds a master's degree in multimedia design.

Watch Online 119 lessons

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
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