What is the primary benefit of using Color Variables over traditional Color Styles?

Course contents

SECTION: 1

Getting Started 9:55

1. Intro to the Figma Advanced Course FREE

2:29

2. Getting Started - Figma Advanced FREE

3:30

3. How to earn your certificate FREE

2:28

4. Your brief for the Figma Advanced course FREE

1:28

SECTION: 2

First Draft AI 6:07

5. First Draft using AI in Figma FREE

6:07

SECTION: 3

Effects 39:26

6. Liquid Glass Effect in Figma

3:52

7. Working with Complex Layouts in Figma

9:26

8. Quiz question 1

9. Texture & Noise & Effect Order

6:25

10. Progressive Blur Effect.

10:21

11. Quiz question 2

12. Class Project 01 - Genre Listings

4:07

13. Saving Effect Styles & Clearing Unused Styles

5:15

SECTION: 4

Advanced Workflow Tricks 29:42

14. Workflow Tips & Tricks

21:29

15. Quiz question 3

16. How to use advanced Copy, Paste, and Selection Tricks in Figma?

3:30

17. Quiz question 4

18. Frame Tips and Tricks to work with Figma frames effectively

4:43

19. Quiz question 5

SECTION: 5

Auto Layout 1:25:11

20. Auto Layout Refresher with Problem Solutions

13:22

21. Quiz question 6

22. Suggest Auto Layout, Replace Content, Duplicate & Rename Layers (AI)

10:00

23. Quiz question 7

24. Class Project 02 - Band Listings

4:51

25. Nested & Responsive Auto layouts

8:50

26. Quiz question 8

27. Auto Layout Grids in Figma

8:32

28. Class Project 03 - Grids

1:44

29. Important things to know about Components in Figma

10:25

30. Quiz question 9

31. Quiz question 10

32. What is good spacing to use in Figma?

6:31

33. What spacing should I use for web & app design in Figma

5:16

34. Class Project 04 - Responsive Lower Navigation

2:26

35. Class Project 05 - Event Card Constraints

1:37

36. Class Project 05 - Event Card Constraints - Completed

11:37

SECTION: 6

Variants 16:25

37. How to make a simple Variant in Figma

5:33

38. How to make a Multi Dimensional Variant in Figma

8:54

39. Quiz question 11

40. Class Project 06 - Multi Dimensional Variant

1:58

SECTION: 7

Variables - Level 1 36:37

41. Variable - Light and Dark Modes

8:19

42. Quiz question 12

43. Class Project 07 - Color Variables

2:27

44. How to create cart total using number variables in Figma

8:00

45. Quiz question 13

46. Class Project 08 - Number Variables

3:38

47. Class project 09 - Event Branding

8:06

48. How to create ux color variants using a Figma Widget

6:07

49. Quiz question 14

SECTION: 8

Grids 13:38

50. Grid v Constraints v Autolayout- Which one to use and when?

6:28

51. How to add rows and column grids to one layout in Figma

5:00

52. How to Create & Update Layout Guide Styles for Columns & Rows in Figma

2:10

SECTION: 9

Animation 46:43

53. Animation with custom easing in Figma

16:53

54. Class Project 10 - Check Out Animation

1:15

55. How to copy and paste Interactions in Figma

2:29

56. Quiz question 15

57. Animation inside Variants in Figma

9:19

58. Class Project 11 - Variant Animation

1:13

59. Houdini Text: How to make a text mask animation Figma?

7:04

60. Quiz question 16

61. Spring Animation & Overlays in Figma

4:16

62. Class Project 12 - Houdini Text Animation

1:20

63. Why is interaction on tap on click grayed out or missing in Figma?

2:54

64. Quiz question 17

SECTION: 10

Prototyping 55:12

65. AI Add Interactions Automatically in Figma

3:39

66. Create & remove bulk multiple noodles wires at once in Figma

3:25

67. Quiz question 18

68. How to make sticky scroll position search bar in Figma

6:40

69. Quiz question 19

70. How to make Horizontal Scrolling Swipe in Figma

7:09

71. Quiz question 20

72. Class Project 13 - Horizontal Scroll

1:15

73. Automatic scroll down the page to anchor point in Figma

7:39

74. How to make Interactive Components in Figma

7:27

75. Class Project 14 - Interactive Component

1:10

76. How to use Sections in Figma for organizing your content

2:59

77. Quiz question 21

78. How to make an expanding Search Bar in Figma

8:50

79. Class Project 15 - Expanding Search Bar

1:16

80. Be careful what you create in Figma

3:43

SECTION: 11

Layer Zen 10:44

81. Layer Zen in Figma

4:16

82. Quiz question 22

83. Quiz question 23

84. Advanced Search in Figma

1:40

85. How to Bulk Rename Layers manually with advanced tricks in Figma

4:48

SECTION: 12

Components & Variants 16:24

86. Finding Components using AI

4:07

87. Instance Swap inside a Component

4:50

88. How to use Boolean Component Property in Figma

1:42

89. Making a Simple Field with Component Properties

4:02

90. Class Project 16 - It’s Your Birthday

1:43

SECTION: 13

Typography 7:34

91. How to curve text with type on a path in Figma

2:03

92. Class Project 17 - Curved Text

93. How to Make Text Boxes Line up with the Edge using Vertical Trim

2:18

94. Truncation for Text in Figma

2:35

SECTION: 14

Images 20:27

95. Masking Images using AI Remove Background

5:56

96. How to make a spillover mask outside of the frame in Figma

4:54

97. How to Mask Images with text in Figma

4:02

98. How to use colour layer blending modes in Figma

4:10

99. Quiz question 24

100. Class Project 18 - Social Media Ad

1:25

SECTION: 15

Videos 9:55

101. How to add Video in Figma

3:20

102. Quiz question 25

103. How to make a play pause button for video in Figma

2:35

104. How to get a video play when you hover in Figma

2:46

105. Class Project 19 - Video Card

1:14

SECTION: 16

Color 10:10

106. Advanced color tricks in figma

4:36

107. Quiz question 26

108. How to change replace colors in Figma

2:17

109. Quiz question 27

110. How to create Color Themes for light and dark in Figma

3:17

SECTION: 17

Styles & Libraries 17:14

111. How do you use Team Libraries in Figma

7:38

112. Quiz question 28

113. How to hide color font styles & components from team library in Figma

3:24

114. Quiz question 29

115. How to move relink refactoring components to another design file in Figma

6:12

116. Quiz question 30

SECTION: 18

Drawing, Stroke & Fill 9:23

117. What are some advanced drawing tips and tricks in figma

5:26

118. How to use the Variable Width Tool & Simply Stroke in Figma

3:57

SECTION: 19

Auto Layout & Components 17:12

119. How to overlap & stack things in a Figma Autolayout

1:59

120. Quiz question 31

121. How to ignore Autolayout to absolute space in Figma

2:00

122. Quiz question 32

123. How to ignore autolayout but is still responsive in Figma

1:24

124. How to create a minimum width height button in Figma

2:27

125. Quiz question 33

126. How to Wrap Auto Layout objects in Figma

1:37

127. How to organize Components into groups in Figma

5:52

128. Class Project 20 - Review Card

1:53

SECTION: 20

Variables - Level 2 25:46

129. How to add add conditions to variables in Figma

5:39

130. Turning our boolean variable to false in Figma

4:10

131. Quiz question 34

132. Boolean Variable - Completed

1:27

133. Making a Overlay Popup in the Variable action panel in Figma

3:07

134. How to change spacing with number Variables in Figma

11:23

SECTION: 21

Accessibility 13:58

135. Making Your Designs Accessible - A Guide to Accessibility plugin in Figma

13:58

SECTION: 22

Working with Others 23:29

136. How to use DEV Mode in Figma

7:42

137. How to document a component in a design system in Figma

8:56

138. Class Project 21 - Design Spec

1:26

139. How to view version history, duplicate and restore in Figma

3:26

140. Quiz question 35

141. How to use the Slice Tool in Figma

1:59

142. Quiz question 36

SECTION: 23

What’s Next 19:58

143. Class Project 22 - Finish Your Design

5:43

144. Distinction Certificate Project

8:47

145. How to request your certificate FREE

1:00

146. What Next After Figma Advanced

4:28