Skip to main content
CF

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 software engineer and educator publishing course material on the modern web and full-stack development landscape.

The course catalog covers a range of practical topics in modern web development. Material is taught at a level aimed at intermediate developers building real applications, with each course typically structured around a substantial project or focused topic deep-dive.

The CourseFlix listing under this source carries 7 Andrija Prelec courses. Material is paid; the catalog page lists course titles, lesson counts, and the specific category each one covers. For broader content in any specific technology, see the corresponding Topic and Category pages on CourseFlix.

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

#TitleTypeOpen
1100+ Must-know Figma Shortcuts PDF
2100+ Must-have Figma Plugins PDF

Related courses

  • Figma Academy 2.0 thumbnailUpdated 9mo ago

    Figma Academy 2.0

    By: Michael Riddering
    Learn Figma through clear steps and real examples. This course helps you build strong habits and apply design skills with confidence.
    11h 19m
  • Design System Course for Figma thumbnailNew

    Design System Course for Figma

    By: Headway
    Master the creation of design systems in Figma. A course for designers, developers, and managers seeking efficient work practices and up-to-date knowledge.
    12h 20m
  • Mastering Figma thumbnailUpdated 2y ago

    Mastering Figma

    By: Level Up Tutorials (Scott Tolinski)
    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.
    3h 37m

Frequently asked questions

What are the prerequisites for this course?
The course includes a dedicated lesson on prerequisites, indicating that some prior knowledge or skills are necessary. Prospective students should have a basic understanding of design principles and familiarity with digital design tools. The course aims to build on existing knowledge to advance Figma and UX/UI skills.
What kind of projects will I work on during the course?
The course includes numerous practical assignments, which cover a variety of design projects such as web applications, mobile apps, websites, and wearable devices. These assignments are designed to help students adapt their design process to different product types, applying the skills they learn in real-world scenarios.
Who would benefit most from taking this course?
This course is designed for individuals who are looking to deepen their Figma skills and apply them specifically to UX/UI design. It is particularly beneficial for those who have a basic understanding of design and wish to advance their career in product design, as it provides insights from a senior product designer with over a decade of experience.
How does the depth of this course compare to other design courses?
The course offers advanced training in Figma, focusing on mastering tools and features for UX/UI design. With 119 lessons, it covers a broad scope including advanced layers, shapes, iconography, and auto-layout techniques. Compared to general courses, it provides more specialized content tailored to those seeking mastery in Figma.
Does the course cover Figma plugins?
Yes, the course includes a lesson on using plugins in Figma, specifically featuring an Artboard Studio demo. This provides students with practical knowledge on how to enhance their design workflow using Figma plugins.
What topics are not covered in this course?
While the course is comprehensive in covering Figma and UX/UI design, it does not cover topics outside this specific scope, such as other design software tools or broad business aspects of product design. The focus remains on mastering Figma and its application in UX/UI projects.
What is the expected time commitment for this course?
The course consists of 119 lessons, but the total runtime is not specified. Given the extensive content and practical assignments, students should prepare to invest significant time both in watching lessons and completing assignments to fully grasp the material and apply it effectively.