Udemy, Daniel Walter Scott - Figma UI UX Design Advanced (2025-1)

File Name

Size

01. Introduction/2. Exercise_Files-Figma_Advanced.zip

251 MB

01. Introduction/1. Intro to the Figma Advanced Course.mp4

23 MB

01. Introduction/2. Getting Started in Figma Advanced Course.mp4

21 MB

01. Introduction/2. Getting Started in Figma Advanced Course.vtt

4.4 kB

01. Introduction/1. Intro to the Figma Advanced Course.vtt

4.1 kB

01. Introduction/2. Figma-Advanced-Exercise-Files.txt

101 B

02. Auto Layout - Level 1/1. Auto Layout & Responsive Design 101 It's use in responsive design.mp4

102 MB

02. Auto Layout - Level 1/2. Designing in Figma with Auto Spacing in Auto Layouts.mp4

72 MB

02. Auto Layout - Level 1/4. What is good spacing to use in Figma.mp4

18 MB

02. Auto Layout - Level 1/3. When and when not to use Components in Figma.mp4

16 MB

02. Auto Layout - Level 1/5. What spacing should I use for web & app design in Figma.mp4

14 MB

02. Auto Layout - Level 1/6. Auto Layout vs Constraints in Figma.mp4

13 MB

02. Auto Layout - Level 1/8. Class Project 01 - Responsive Lower Navigation.mp4

11 MB

02. Auto Layout - Level 1/7. Autolayout shortcuts Tips and tricks to work with Auto Layout faster.mp4

6.8 MB

02. Auto Layout - Level 1/1. Auto Layout & Responsive Design 101 It's use in responsive design.vtt

28 kB

02. Auto Layout - Level 1/2. Designing in Figma with Auto Spacing in Auto Layouts.vtt

20 kB

02. Auto Layout - Level 1/4. What is good spacing to use in Figma.vtt

11 kB

02. Auto Layout - Level 1/3. When and when not to use Components in Figma.vtt

11 kB

02. Auto Layout - Level 1/6. Auto Layout vs Constraints in Figma.vtt

8.7 kB

02. Auto Layout - Level 1/5. What spacing should I use for web & app design in Figma.vtt

8.3 kB

02. Auto Layout - Level 1/7. Autolayout shortcuts Tips and tricks to work with Auto Layout faster.vtt

5.7 kB

02. Auto Layout - Level 1/8. Class Project 01 - Responsive Lower Navigation.vtt

5.0 kB

02. Auto Layout - Level 1/9.1 Assignment-Class project 01 - Responsive Lower Navigation.html

3.2 kB

03. Advanced Workflow Tricks/1. How to handle files in Figma and become a File Handling Master.mp4

37 MB

03. Advanced Workflow Tricks/2. How to use advanced Copy, Paste, and Selection Tricks in Figma.mp4

28 MB

03. Advanced Workflow Tricks/9. Class Project 02 - Event Card Constraints - Completed.mp4

28 MB

03. Advanced Workflow Tricks/4. Frame Tricks Tips and Tricks to work with Figma frames effectively.mp4

16 MB

03. Advanced Workflow Tricks/5. Advanced Zooming Techniques for precision work in Figma.mp4

13 MB

03. Advanced Workflow Tricks/3. How to do crazy things with your Figma fields.mp4

9.2 MB

03. Advanced Workflow Tricks/6. Light or Dark vs System Theme Which one to use in Figma.mp4

5.4 MB

03. Advanced Workflow Tricks/7. Class Project 02 - Event Card Constraints.mp4

4.5 MB

03. Advanced Workflow Tricks/9. Class Project 02 - Event Card Constraints - Completed.vtt

15 kB

03. Advanced Workflow Tricks/1. How to handle files in Figma and become a File Handling Master.vtt

13 kB

03. Advanced Workflow Tricks/2. How to use advanced Copy, Paste, and Selection Tricks in Figma.vtt

11 kB

03. Advanced Workflow Tricks/4. Frame Tricks Tips and Tricks to work with Figma frames effectively.vtt

8.3 kB

03. Advanced Workflow Tricks/3. How to do crazy things with your Figma fields.vtt

6.5 kB

03. Advanced Workflow Tricks/6. Light or Dark vs System Theme Which one to use in Figma.vtt

4.1 kB

03. Advanced Workflow Tricks/5. Advanced Zooming Techniques for precision work in Figma.vtt

3.1 kB

03. Advanced Workflow Tricks/8.2 Assignment-Class project 02 - Event Card Constraints.html

2.9 kB

03. Advanced Workflow Tricks/7. Class Project 02 - Event Card Constraints.vtt

2.8 kB

04. Grids/2. How to copy & paste grids and export grid styles in Figma.mp4

22 MB

04. Grids/3. How to add rows and column grids to one layout in Figma.mp4

14 MB

04. Grids/5. Grids inside of frames that aren't the main frame.mp4

12 MB

04. Grids/1. Grid v Constraints v Autolayout in Figma Which one to use and when.mp4

11 MB

04. Grids/4. How to update Grid Styles in Figma.mp4

5.1 MB

04. Grids/2. How to copy & paste grids and export grid styles in Figma.vtt

9.2 kB

04. Grids/1. Grid v Constraints v Autolayout in Figma Which one to use and when.vtt

8.4 kB

04. Grids/3. How to add rows and column grids to one layout in Figma.vtt

7.4 kB

04. Grids/5. Grids inside of frames that aren't the main frame.vtt

5.9 kB

04. Grids/4. How to update Grid Styles in Figma.vtt

2.5 kB

05. Simple App Brand/3. Logos using Iconscout How to use Iconscout to create logos in Figma.mp4

42 MB

05. Simple App Brand/5. How to create ux color variants using a Figma Widget.mp4

28 MB

05. Simple App Brand/1. Class project 03 - Event Branding.mp4

22 MB

05. Simple App Brand/4. What are widget compared to plugins in Figma.mp4

10 MB

05. Simple App Brand/3. Logos using Iconscout How to use Iconscout to create logos in Figma.vtt

11 kB

05. Simple App Brand/5. How to create ux color variants using a Figma Widget.vtt

8.2 kB

05. Simple App Brand/1. Class project 03 - Event Branding.vtt

6.6 kB

05. Simple App Brand/4. What are widget compared to plugins in Figma.vtt

5.9 kB

05. Simple App Brand/2.3 Assignment-Class project 03 - Event Branding.html

4.0 kB

06. Nested & Responsive Auto layouts/7. Auto Layout on different device sizes- How to make advanced Auto Layouts.mp4

47 MB

06. Nested & Responsive Auto layouts/6. Autolayout Nesting with variants and responsive text in Figma.mp4

44 MB

06. Nested & Responsive Auto layouts/1. Intro to Nested & Responsive Auto layouts Section.mp4

42 MB

06. Nested & Responsive Auto layouts/2. Production video - Tidying up my frame & component mess.mp4

34 MB

06. Nested & Responsive Auto layouts/3. Bring in images using the unsplash plugin in Figma.mp4

27 MB

06. Nested & Responsive Auto layouts/4. Production video - Making the parts for our nested autolayout.mp4

26 MB

06. Nested & Responsive Auto layouts/5. Nesting Multiple Auto Layouts inside each other in Figma.mp4

20 MB

06. Nested & Responsive Auto layouts/8. Responsive text that adjusts for 2 lines in Figma.mp4

16 MB

06. Nested & Responsive Auto layouts/7. Auto Layout on different device sizes- How to make advanced Auto Layouts.vtt

19 kB

06. Nested & Responsive Auto layouts/6. Autolayout Nesting with variants and responsive text in Figma.vtt

14 kB

06. Nested & Responsive Auto layouts/3. Bring in images using the unsplash plugin in Figma.vtt

13 kB

06. Nested & Responsive Auto layouts/2. Production video - Tidying up my frame & component mess.vtt

9.4 kB

06. Nested & Responsive Auto layouts/4. Production video - Making the parts for our nested autolayout.vtt

9.4 kB

06. Nested & Responsive Auto layouts/5. Nesting Multiple Auto Layouts inside each other in Figma.vtt

8.8 kB

06. Nested & Responsive Auto layouts/8. Responsive text that adjusts for 2 lines in Figma.vtt

8.0 kB

06. Nested & Responsive Auto layouts/1. Intro to Nested & Responsive Auto layouts Section.vtt

6.0 kB

07. Animation - Level 1/1. Abstract Gradient Background in Figma the easy way.mp4

117 MB

07. Animation - Level 1/4. How to give feedback on a UX project - The Critique Sandwich.mp4

102 MB

07. Animation - Level 1/3. How to animate gradient mesh using Variants in Figma.mp4

64 MB

07. Animation - Level 1/7. Houdini Text How to make a text mask animation Figma.mp4

54 MB

07. Animation - Level 1/9. Spring Animation How to make custom Spring Animation in Figma.mp4

25 MB

07. Animation - Level 1/5. Class project 04 - Background Animation.mp4

19 MB

07. Animation - Level 1/8. How to use the Spring Animations in Figma.mp4

13 MB

07. Animation - Level 1/10. Why is interaction on tap on click grayed out of missing in Figma.mp4

4.9 MB

07. Animation - Level 1/11. Class project 05 - Houdini Text Animation.mp4

4.0 MB

07. Animation - Level 1/2. How to copy and paste Interactions in Figma.mp4

3.8 MB

07. Animation - Level 1/3. How to animate gradient mesh using Variants in Figma.vtt

24 kB

07. Animation - Level 1/1. Abstract Gradient Background in Figma the easy way.vtt

20 kB

07. Animation - Level 1/9. Spring Animation How to make custom Spring Animation in Figma.vtt

19 kB

07. Animation - Level 1/7. Houdini Text How to make a text mask animation Figma.vtt

15 kB

07. Animation - Level 1/4. How to give feedback on a UX project - The Critique Sandwich.vtt

14 kB

07. Animation - Level 1/8. How to use the Spring Animations in Figma.vtt

11 kB

07. Animation - Level 1/5. Class project 04 - Background Animation.vtt

7.8 kB

07. Animation - Level 1/6.4 Assignment-Class project 04 - Background Animation.html

4.2 kB

07. Animation - Level 1/12.5 Assignment-Class project 05 - Houdini Text Animation.html

3.8 kB

07. Animation - Level 1/10. Why is interaction on tap on click grayed out of missing in Figma.vtt

2.9 kB

07. Animation - Level 1/11. Class project 05 - Houdini Text Animation.vtt

2.8 kB

07. Animation - Level 1/2. How to copy and paste Interactions in Figma.vtt

2.2 kB

08. Prototyping - Level 1/5. How to stack multiple sticky text vertical scrolling in Figma.mp4

110 MB

08. Prototyping - Level 1/4. How to make sticky scroll position search bar in Figma.mp4

65 MB

08. Prototyping - Level 1/10. Interactive components with sliding button in navigation for Figma.mp4

63 MB

08. Prototyping - Level 1/16. How to add iOS battery wifi notch status bar to Figma.mp4

51 MB

08. Prototyping - Level 1/20. Be careful what you create in Figma.mp4

42 MB

08. Prototyping - Level 1/17. How to add iOS or Android Snack Bar UI to Figma.mp4

41 MB

08. Prototyping - Level 1/15. How to use sections for prototyping in Figma.mp4

40 MB

08. Prototyping - Level 1/3. How to set the right phone and find old prototype phones in Figma.mp4

27 MB

08. Prototyping - Level 1/2. How to bulk update nav links in your Figma prototype.mp4

24 MB

08. Prototyping - Level 1/18. Class project 08 - Operating System UI.mp4

21 MB

08. Prototyping - Level 1/11. Class project 07 - Sliding Button Nav Challenge.mp4

15 MB

08. Prototyping - Level 1/14. How to use Sections in Figma for organizing your content.mp4

14 MB

08. Prototyping - Level 1/8. How to make Interactive Components in Figma.mp4

13 MB

08. Prototyping - Level 1/13. Class project 07 - Completed.mp4

11 MB

08. Prototyping - Level 1/1. Create & remove bulk multiple noodles wires at once in Figma.mp4

10 MB

08. Prototyping - Level 1/6. Class project 06 - Multiple Sticky Headings.mp4

8.7 MB

08. Prototyping - Level 1/9. How to make a checkmark turn on and off in Figma.mp4

8.1 MB

08. Prototyping - Level 1/5. How to stack multiple sticky text vertical scrolling in Figma.vtt

29 kB

08. Prototyping - Level 1/17. How to add iOS or Android Snack Bar UI to Figma.vtt

17 kB

08. Prototyping - Level 1/10. Interactive components with sliding button in navigation for Figma.vtt

16 kB

08. Prototyping - Level 1/16. How to add iOS battery wifi notch status bar to Figma.vtt

12 kB

08. Prototyping - Level 1/15. How to use sections for prototyping in Figma.vtt

11 kB

08. Prototyping - Level 1/4. How to make sticky scroll position search bar in Figma.vtt

10 kB

08. Prototyping - Level 1/14. How to use Sections in Figma for organizing your content.vtt

7.9 kB

08. Prototyping - Level 1/11. Class project 07 - Sliding Button Nav Challenge.vtt

7.1 kB

08. Prototyping - Level 1/3. How to set the right phone and find old prototype phones in Figma.vtt

6.9 kB

08. Prototyping - Level 1/8. How to make Interactive Components in Figma.vtt

6.6 kB

08. Prototyping - Level 1/13. Class project 07 - Completed.vtt

6.3 kB

08. Prototyping - Level 1/2. How to bulk update nav links in your Figma prototype.vtt

5.8 kB

08. Prototyping - Level 1/20. Be careful what you create in Figma.vtt

5.5 kB

08. Prototyping - Level 1/1. Create & remove bulk multiple noodles wires at once in Figma.vtt

5.3 kB

08. Prototyping - Level 1/6. Class project 06 - Multiple Sticky Headings.vtt

4.4 kB

08. Prototyping - Level 1/12.7 Assignment-Class project 07 - Sliding Button Nav Challenge.html

4.3 kB

08. Prototyping - Level 1/7.6 Assignment-Class project 06 - Multiple Sticky Headings.html

3.9 kB

08. Prototyping - Level 1/9. How to make a checkmark turn on and off in Figma.vtt

3.8 kB

08. Prototyping - Level 1/19.8 Assignment-Class project 08 - Operating System UI.html

3.7 kB

08. Prototyping - Level 1/18. Class project 08 - Operating System UI.vtt

2.7 kB

09. Advanced Layers/1. What are the advanced Layer shortcuts in Figma.mp4

62 MB

09. Advanced Layers/6. How to Bulk Rename Layers with advanced tricks in Figma.mp4

33 MB

09. Advanced Layers/2. How to find layer Zen shortcuts in Figma.mp4

28 MB

09. Advanced Layers/5. How to Find Replace and Multi-select Layer Search in Figma.mp4

15 MB

09. Advanced Layers/4. How to use Locked layers in Figma.mp4

7.4 MB

09. Advanced Layers/3. How to hide and lock unlock all layers in Figma.mp4

3.8 MB

09. Advanced Layers/6. How to Bulk Rename Layers with advanced tricks in Figma.vtt

16 kB

09. Advanced Layers/1. What are the advanced Layer shortcuts in Figma.vtt

13 kB

09. Advanced Layers/2. How to find layer Zen shortcuts in Figma.vtt

7.6 kB

09. Advanced Layers/5. How to Find Replace and Multi-select Layer Search in Figma.vtt

7.1 kB

09. Advanced Layers/4. How to use Locked layers in Figma.vtt

4.1 kB

09. Advanced Layers/3. How to hide and lock unlock all layers in Figma.vtt

2.2 kB

10. Components & Variants - Level 1/7. How to apply component properties to existing design systems.mp4

43 MB

10. Components & Variants - Level 1/1. How to replace instances and variants with shortcuts in Figma.mp4

34 MB

10. Components & Variants - Level 1/9. What does Expose Nested Instances do in Figma.mp4

31 MB

10. Components & Variants - Level 1/2. How to use Instance Swap Component Properties with preferred in Figma.mp4

30 MB

10. Components & Variants - Level 1/5. How to make a input field using only component properties in Figma.mp4

30 MB

10. Components & Variants - Level 1/6. How to Combine Variants with Component Properties in Figma.mp4

29 MB

10. Components & Variants - Level 1/10. Class project 09 - One button to rule them all.mp4

17 MB

10. Components & Variants - Level 1/8. What is Simplify Instances in Figma.mp4

15 MB

10. Components & Variants - Level 1/4. How to use Boolean Component Property in Figma.mp4

9.4 MB

10. Components & Variants - Level 1/3. How to use Component Text Property in Figma.mp4

4.9 MB

10. Components & Variants - Level 1/5. How to make a input field using only component properties in Figma.vtt

17 kB

10. Components & Variants - Level 1/9. What does Expose Nested Instances do in Figma.vtt

16 kB

10. Components & Variants - Level 1/1. How to replace instances and variants with shortcuts in Figma.vtt

15 kB

10. Components & Variants - Level 1/6. How to Combine Variants with Component Properties in Figma.vtt

14 kB

10. Components & Variants - Level 1/2. How to use Instance Swap Component Properties with preferred in Figma.vtt

12 kB

10. Components & Variants - Level 1/7. How to apply component properties to existing design systems.vtt

12 kB

10. Components & Variants - Level 1/10. Class project 09 - One button to rule them all.vtt

7.1 kB

10. Components & Variants - Level 1/8. What is Simplify Instances in Figma.vtt

6.6 kB

10. Components & Variants - Level 1/4. How to use Boolean Component Property in Figma.vtt

5.9 kB

10. Components & Variants - Level 1/11.9 Assignment-Class project 09 - One button to rule them all.html

4.5 kB

10. Components & Variants - Level 1/3. How to use Component Text Property in Figma.vtt

4.0 kB

11. Typography/8. How to use Variable Type in UX app design in Figma.mp4

79 MB

11. Typography/9. How to curve text with type on a path in Figma.mp4

44 MB

11. Typography/7. What are the Advanced Type Options in Figma.mp4

38 MB

11. Typography/12. How to use Chat GPT AI to create placeholder and personas in Figma.mp4

26 MB

11. Typography/10. How to use adobe fonts & local fonts in Figma.mp4

26 MB

11. Typography/4. How to Use Line Height Percentage in 8pt grid in Figma.mp4

19 MB

11. Typography/11. How to Preserve text overrides or not in Figma variant.mp4

18 MB

11. Typography/5. How to use Leading trim to cap height to baseline in Figma.mp4

13 MB

11. Typography/1. What are some font tips and tricks in Figma.mp4

11 MB

11. Typography/2. How to see Live Font Previews in Figma.mp4

9.0 MB

11. Typography/3. How reset fonts & set default fonts in Figma.mp4

5.8 MB

11. Typography/6. How to set Hanging Punctuation for pull quotes & call outs in Figma.mp4

3.4 MB

11. Typography/7. What are the Advanced Type Options in Figma.vtt

16 kB

11. Typography/8. How to use Variable Type in UX app design in Figma.vtt

14 kB

11. Typography/9. How to curve text with type on a path in Figma.vtt

11 kB

11. Typography/1. What are some font tips and tricks in Figma.vtt

8.1 kB

11. Typography/10. How to use adobe fonts & local fonts in Figma.vtt

8.0 kB

11. Typography/4. How to Use Line Height Percentage in 8pt grid in Figma.vtt

7.7 kB

11. Typography/11. How to Preserve text overrides or not in Figma variant.vtt

7.0 kB

11. Typography/5. How to use Leading trim to cap height to baseline in Figma.vtt

6.8 kB

11. Typography/12. How to use Chat GPT AI to create placeholder and personas in Figma.vtt

6.1 kB

11. Typography/2. How to see Live Font Previews in Figma.vtt

4.9 kB

11. Typography/3. How reset fonts & set default fonts in Figma.vtt

3.9 kB

11. Typography/6. How to set Hanging Punctuation for pull quotes & call outs in Figma.vtt

2.0 kB

12. Imagery/13. How to make a spillover mask outside of the frame in Figma.mp4

127 MB

12. Imagery/15. How to use color layer blending modes in Figma.mp4

78 MB

12. Imagery/4. How to mask images with text in Figma.mp4

66 MB

12. Imagery/7. How to mask using transparent pngs with alpha channels in Figma.mp4

61 MB

12. Imagery/14. How to use the pen tool to make image masks in Figma.mp4

39 MB

12. Imagery/1. How to create an image style in Figma.mp4

29 MB

12. Imagery/16. Class project 13 - Social Ad.mp4

14 MB

12. Imagery/8. Class Project 11 - Alpha Mask.mp4

13 MB

12. Imagery/2. What's the difference with Images inside frames vs fills vs Masked in Figma.mp4

10 MB

12. Imagery/3. How to crop images using shortcuts in Figma.mp4

9.5 MB

12. Imagery/5. Class Project 10 - Text Mask.mp4

8.0 MB

12. Imagery/10. How to create a luma mask in Figma.mp4

7.9 MB

12. Imagery/11. Class project 12 - Luma Mask.mp4

4.4 MB

12. Imagery/14. How to use the pen tool to make image masks in Figma.vtt

18 kB

12. Imagery/13. How to make a spillover mask outside of the frame in Figma.vtt

16 kB

12. Imagery/15. How to use color layer blending modes in Figma.vtt

15 kB

12. Imagery/7. How to mask using transparent pngs with alpha channels in Figma.vtt

10 kB

12. Imagery/4. How to mask images with text in Figma.vtt

10 kB

12. Imagery/2. What's the difference with Images inside frames vs fills vs Masked in Figma.vtt

6.7 kB

12. Imagery/1. How to create an image style in Figma.vtt

5.6 kB

12. Imagery/10. How to create a luma mask in Figma.vtt

5.2 kB

12. Imagery/16. Class project 13 - Social Ad.vtt

4.2 kB

12. Imagery/5. Class Project 10 - Text Mask.vtt

4.2 kB

12. Imagery/17.13 Assignment-Class project 13 - Social Media Ad.html

4.2 kB

12. Imagery/3. How to crop images using shortcuts in Figma.vtt

3.8 kB

12. Imagery/6.10 Assignment-Class project 10 - Text Mask.html

3.5 kB

12. Imagery/9.11 Assignment-Class project 11 - Alpha Mask.html

2.9 kB

12. Imagery/12.12 Assignment-Class project 12 - Luma Mask.html

2.9 kB

12. Imagery/8. Class Project 11 - Alpha Mask.vtt

2.1 kB

12. Imagery/11. Class project 12 - Luma Mask.vtt

1.6 kB

13. Video/1. How to add video in Figma.mp4

70 MB

13. Video/6. How to make a play pause button for video in Figma.mp4

53 MB

13. Video/7. How to build a video card in Figma.mp4

24 MB

13. Video/2. How to make a background autoplay video in Figma.mp4

21 MB

13. Video/8. Class project 15 - Video Card.mp4

19 MB

13. Video/3. How to get a video play when you hover in Figma.mp4

15 MB

13. Video/4. Class project 14 - Hover Play.mp4

2.8 MB

13. Video/7. How to build a video card in Figma.vtt

14 kB

13. Video/1. How to add video in Figma.vtt

13 kB

13. Video/6. How to make a play pause button for video in Figma.vtt

12 kB

13. Video/3. How to get a video play when you hover in Figma.vtt

7.4 kB

13. Video/9.15 Assignment-Class project 15 - Video Card.html

4.7 kB

13. Video/8. Class project 15 - Video Card.vtt

4.1 kB

13. Video/5.14 Assignment-Class project 14 - Hover Play.html

3.7 kB

13. Video/2. How to make a background autoplay video in Figma.vtt

3.4 kB

13. Video/4. Class project 14 - Hover Play.vtt

1.6 kB

14. Color/2. How to change replace colors in Figma.mp4

62 MB

14. Color/1. What are some advanced color tricks in figma.mp4

18 MB

14. Color/3. How to create Color Themes for light and dark in Figma.mp4

14 MB

14. Color/2. How to change replace colors in Figma.vtt

14 kB

14. Color/1. What are some advanced color tricks in figma.vtt

10 kB

14. Color/3. How to create Color Themes for light and dark in Figma.vtt

3.7 kB

15. Styles & Libraries/7. How to move relink refactoring components to another design file in Figma.mp4

49 MB

15. Styles & Libraries/8. How to swap parts or entire component & style library in Figma.mp4

36 MB

15. Styles & Libraries/6. How to refactoring styles to another design file in Figma.mp4

24 MB

15. Styles & Libraries/3. Editing someone else's styles or component library in Figma.mp4

19 MB

15. Styles & Libraries/2. How to descriptions to your styles in Figma for others to use.mp4

13 MB

15. Styles & Libraries/4. How to hide color font styles & components from team library in Figma.mp4

12 MB

15. Styles & Libraries/5. How to compare changes in component with overlay in Figma.mp4

9.2 MB

15. Styles & Libraries/1. How to group color styles using slashes or folders in Figma.mp4

4.0 MB

15. Styles & Libraries/8. How to swap parts or entire component & style library in Figma.vtt

10 kB

15. Styles & Libraries/7. How to move relink refactoring components to another design file in Figma.vtt

9.6 kB

15. Styles & Libraries/4. How to hide color font styles & components from team library in Figma.vtt

8.2 kB

15. Styles & Libraries/3. Editing someone else's styles or component library in Figma.vtt

7.9 kB

15. Styles & Libraries/5. How to compare changes in component with overlay in Figma.vtt

7.2 kB

15. Styles & Libraries/6. How to refactoring styles to another design file in Figma.vtt

6.7 kB

15. Styles & Libraries/2. How to descriptions to your styles in Figma for others to use.vtt

4.6 kB

15. Styles & Libraries/1. How to group color styles using slashes or folders in Figma.vtt

4.5 kB

16. Drawing, Stroke & Fill/5. How to animate a mobile nav menu in Figma using a dip.mp4

31 MB

16. Drawing, Stroke & Fill/2. How to draw in Figma with the pen tool- Anchor point mastery.mp4

18 MB

16. Drawing, Stroke & Fill/1. What are some advanced drawing tips and tricks in figma.mp4

18 MB

16. Drawing, Stroke & Fill/3. How to draw with Bend & Mirror angle in Figma.mp4

7.3 MB

16. Drawing, Stroke & Fill/4. Can you animated anchor points or booleans in Figma.mp4

5.7 MB

16. Drawing, Stroke & Fill/6. Class project 16 - Alt Nav Animation.mp4

5.6 MB

16. Drawing, Stroke & Fill/5. How to animate a mobile nav menu in Figma using a dip.vtt

23 kB

16. Drawing, Stroke & Fill/1. What are some advanced drawing tips and tricks in figma.vtt

12 kB

16. Drawing, Stroke & Fill/2. How to draw in Figma with the pen tool- Anchor point mastery.vtt

12 kB

16. Drawing, Stroke & Fill/4. Can you animated anchor points or booleans in Figma.vtt

5.2 kB

16. Drawing, Stroke & Fill/3. How to draw with Bend & Mirror angle in Figma.vtt

4.5 kB

16. Drawing, Stroke & Fill/7.16 Assignment-Class project 16 - Alt Nav Animation.html

3.9 kB

16. Drawing, Stroke & Fill/6. Class project 16 - Alt Nav Animation.vtt

2.1 kB

17. Auto Layout - Level 2/10. What does stroke included excluded mean in Figma auto layout.mp4

20 MB

17. Auto Layout - Level 2/6. How to resize a box automatically in a Auto Layout to match text in Figma.mp4

16 MB

17. Auto Layout - Level 2/5. How stick things to the bottom right of an auto layout in Figma.mp4

14 MB

17. Auto Layout - Level 2/1. How to overlap & stack things in a Figma Autolayout.mp4

11 MB

17. Auto Layout - Level 2/8. How to create a minimum width height button in Figma.mp4

11 MB

17. Auto Layout - Level 2/11. How to set custom spacing in auto layouts in Figma.mp4

9.9 MB

17. Auto Layout - Level 2/2. What are the shortcuts for hug & fill in Figma.mp4

9.1 MB

17. Auto Layout - Level 2/4. How to absolute position something that is responsive in Figma.mp4

8.4 MB

17. Auto Layout - Level 2/3. How to set absolute spacing so things ignore Autolayout in Figma.mp4

7.8 MB

17. Auto Layout - Level 2/7. What are the autolayout padding and resizing shortcuts.mp4

6.6 MB

17. Auto Layout - Level 2/9. How to wrap auto layout objects in Figma.mp4

5.6 MB

17. Auto Layout - Level 2/6. How to resize a box automatically in a Auto Layout to match text in Figma.vtt

7.9 kB

17. Auto Layout - Level 2/5. How stick things to the bottom right of an auto layout in Figma.vtt

7.2 kB

17. Auto Layout - Level 2/8. How to create a minimum width height button in Figma.vtt

6.4 kB

17. Auto Layout - Level 2/11. How to set custom spacing in auto layouts in Figma.vtt

6.2 kB

17. Auto Layout - Level 2/2. What are the shortcuts for hug & fill in Figma.vtt

5.8 kB

17. Auto Layout - Level 2/1. How to overlap & stack things in a Figma Autolayout.vtt

5.8 kB

17. Auto Layout - Level 2/3. How to set absolute spacing so things ignore Autolayout in Figma.vtt

4.8 kB

17. Auto Layout - Level 2/4. How to absolute position something that is responsive in Figma.vtt

4.1 kB

17. Auto Layout - Level 2/10. What does stroke included excluded mean in Figma auto layout.vtt

3.6 kB

17. Auto Layout - Level 2/7. What are the autolayout padding and resizing shortcuts.vtt

3.4 kB

17. Auto Layout - Level 2/9. How to wrap auto layout objects in Figma.vtt

3.1 kB

18. Components & Variants - Level 2/3. How to convert an existing website into a figma design.mp4

31 MB

18. Components & Variants - Level 2/2. How to create slot placehold components in Figma.mp4

23 MB

18. Components & Variants - Level 2/1. How to organize Components into groups in Figma.mp4

22 MB

18. Components & Variants - Level 2/2. How to create slot placehold components in Figma.vtt

13 kB

18. Components & Variants - Level 2/1. How to organize Components into groups in Figma.vtt

8.9 kB

18. Components & Variants - Level 2/3. How to convert an existing website into a figma design.vtt

8.6 kB

19. Prototyping - Level 2/5. How to create a hover grow effect for images in Figma.mp4

172 MB

19. Prototyping - Level 2/1. How to make a drop down using overlays in Figma.mp4

60 MB

19. Prototyping - Level 2/8. How to make an expanding Search Bar in Figma.mp4

55 MB

19. Prototyping - Level 2/2. How to make a multi level drop down menu in Figma.mp4

42 MB

19. Prototyping - Level 2/6. Class project 18 - Hover Grow Effect.mp4

8.1 MB

19. Prototyping - Level 2/3. Class project 17 - Nested Dropdown Menu.mp4

5.8 MB

19. Prototyping - Level 2/9. Class project 19 - Expanding Search Bar.mp4

3.6 MB

19. Prototyping - Level 2/5. How to create a hover grow effect for images in Figma.vtt

29 kB

19. Prototyping - Level 2/2. How to make a multi level drop down menu in Figma.vtt

23 kB

19. Prototyping - Level 2/1. How to make a drop down using overlays in Figma.vtt

22 kB

19. Prototyping - Level 2/8. How to make an expanding Search Bar in Figma.vtt

17 kB

19. Prototyping - Level 2/7.18 Assignment-Class project 18 - Hover Grow Effect.html

4.0 kB

19. Prototyping - Level 2/6. Class project 18 - Hover Grow Effect.vtt

4.0 kB

19. Prototyping - Level 2/4.17 Assignment-Class project 17 - Nested Dropdown Menu.html

3.8 kB

19. Prototyping - Level 2/10.19 Assignment-Class project 19 - Expanding Search Bar.html

3.7 kB

19. Prototyping - Level 2/3. Class project 17 - Nested Dropdown Menu.vtt

2.8 kB

19. Prototyping - Level 2/9. Class project 19 - Expanding Search Bar.vtt

1.6 kB

20. Variables/7. Light and Dark Modes using Collections & Color Variables in Figma.mp4

15 MB

20. Variables/4. Variant change using Boolean variable - change cart color.mp4

15 MB

20. Variables/2. How to create cart total using number variables in Figma.mp4

12 MB

20. Variables/8. How to change spacing with number Variables in Figma.mp4

11 MB

20. Variables/1. What are Variables in Figma.mp4

8.9 MB

20. Variables/6. Making a Overlay Popup in the Variable action panel in Figma.mp4

7.5 MB

20. Variables/3. How to add add conditions to variables in Figma.mp4

5.4 MB

20. Variables/5. Turning our boolean variable to false in Figma.mp4

4.8 MB

20. Variables/7. Light and Dark Modes using Collections & Color Variables in Figma.vtt

12 kB

20. Variables/2. How to create cart total using number variables in Figma.vtt

11 kB

20. Variables/4. Variant change using Boolean variable - change cart color.vtt

10 kB

20. Variables/8. How to change spacing with number Variables in Figma.vtt

8.7 kB

20. Variables/1. What are Variables in Figma.vtt

5.5 kB

20. Variables/6. Making a Overlay Popup in the Variable action panel in Figma.vtt

4.9 kB

20. Variables/3. How to add add conditions to variables in Figma.vtt

4.0 kB

20. Variables/5. Turning our boolean variable to false in Figma.vtt

3.0 kB

21. Design Tokens/4. When would you use design tokens in Figma.mp4

59 MB

21. Design Tokens/2. How to create Design Tokens in Figma.mp4

22 MB

21. Design Tokens/3. Creating spacing & radius design tokens in Figma.mp4

16 MB

21. Design Tokens/1. What are Design Tokens in Figma.mp4

16 MB

21. Design Tokens/2. How to create Design Tokens in Figma.vtt

15 kB

21. Design Tokens/3. Creating spacing & radius design tokens in Figma.vtt

12 kB

21. Design Tokens/1. What are Design Tokens in Figma.vtt

11 kB

21. Design Tokens/4. When would you use design tokens in Figma.vtt

7.8 kB

22. Animation - Level 2/1. How do you animate along a path in Figma.mp4

28 MB

22. Animation - Level 2/2. How to add Lottie animation files in Figma.mp4

16 MB

22. Animation - Level 2/1. How do you animate along a path in Figma.vtt

19 kB

22. Animation - Level 2/2. How to add Lottie animation files in Figma.vtt

7.7 kB

23. Accessibility/1. Making Your Designs Accessible - A Guide to Accessibility plugin in Figma.mp4

73 MB

23. Accessibility/1. Making Your Designs Accessible - A Guide to Accessibility plugin in Figma.vtt

18 kB

24. Working with Stakeholders/10. How to use DEV Mode in Figma.mp4

47 MB

24. Working with Stakeholders/2. How view version history duplicate and restore in Figma.mp4

37 MB

24. Working with Stakeholders/7. How to export webp images from Figma & Photoshop.mp4

35 MB

24. Working with Stakeholders/1. What are some tips for working with colleagues in Figma.mp4

28 MB

24. Working with Stakeholders/5. How to use the Slice Tool in Figma.mp4

21 MB

24. Working with Stakeholders/6. How export uncropped and unscaled images from Figma.mp4

18 MB

24. Working with Stakeholders/9. How to document a component in a design system in Figma.mp4

17 MB

24. Working with Stakeholders/4. How to create & share a flows in Figma.mp4

14 MB

24. Working with Stakeholders/8. How to downsize reduce file size of all images in a Figma file.mp4

12 MB

24. Working with Stakeholders/3. How to archive and restore previous versions of Figma files.mp4

12 MB

24. Working with Stakeholders/10. How to use DEV Mode in Figma.vtt

15 kB

24. Working with Stakeholders/1. What are some tips for working with colleagues in Figma.vtt

11 kB

24. Working with Stakeholders/2. How view version history duplicate and restore in Figma.vtt

10 kB

24. Working with Stakeholders/7. How to export webp images from Figma & Photoshop.vtt

8.8 kB

24. Working with Stakeholders/9. How to document a component in a design system in Figma.vtt

8.5 kB

24. Working with Stakeholders/3. How to archive and restore previous versions of Figma files.vtt

7.0 kB

24. Working with Stakeholders/6. How export uncropped and unscaled images from Figma.vtt

6.7 kB

24. Working with Stakeholders/8. How to downsize reduce file size of all images in a Figma file.vtt

5.6 kB

24. Working with Stakeholders/4. How to create & share a flows in Figma.vtt

5.5 kB

24. Working with Stakeholders/5. How to use the Slice Tool in Figma.vtt

4.4 kB

25. What Next/3. What's Next - Figma Advanced.mp4

46 MB

25. What Next/1. Class Project 20 - Finish your design.mp4

44 MB

25. What Next/1. Class Project 20 - Finish your design.vtt

11 kB

25. What Next/3. What's Next - Figma Advanced.vtt

6.0 kB

25. What Next/4. Continue learning with me! Links inside.html

5.3 kB

25. What Next/2.20 Assignment-Class Project 20 - Finish your design.html

5.0 kB

25. What Next/4. 2025-01-22_21-57-26-aead6ec9f04c135980ebc629875cef67.jpg

4.3 kB