CourseFlix

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 —
2100+ Must-have Figma Plugins —

Course content

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

Related courses

Frequently asked questions

What is Advanced Figma Video Course + Let's Design Together Add-on about?
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…
Who teaches Advanced Figma Video Course + Let's Design Together Add-on?
Advanced Figma Video Course + Let's Design Together Add-on is taught by Andrija Prelec. You can find more courses by this instructor on the corresponding source page.
How long is Advanced Figma Video Course + Let's Design Together Add-on?
Advanced Figma Video Course + Let's Design Together Add-on contains 119 lessons with a total runtime of 20 hours 58 minutes. All lessons are available to watch online at your own pace.
Is Advanced Figma Video Course + Let's Design Together Add-on free to watch?
Advanced Figma Video Course + Let's Design Together Add-on is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Advanced Figma Video Course + Let's Design Together Add-on online?
Advanced Figma Video Course + Let's Design Together Add-on is available to watch online on CourseFlix at https://courseflix.net/course/advanced-figma-video-course-let-s-design-together-add-on. The page hosts every lesson with the integrated video player; no download is required.