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

File Name

Size

01. Getting Started/4. Whats the difference between UI and UX in Figma.mp4

118 MB

01. Getting Started/3. What is Figma for & does it do the coding.mp4

82 MB

01. Getting Started/2. Exercise Files - Figma Essentials.zip

82 MB

01. Getting Started/5. What we are making in this Figma course.mp4

52 MB

01. Getting Started/1. Introduction to Figma Essentials training course.mp4

22 MB

01. Getting Started/2. Getting started with Figma training.mp4

21 MB

01. Getting Started/6. Class project 01- Create your own brief.mp4

17 MB

01. Getting Started/5. What we are making in this Figma course.vtt

16 kB

01. Getting Started/4. Whats the difference between UI and UX in Figma.vtt

9.5 kB

01. Getting Started/6. Class project 01- Create your own brief.vtt

7.1 kB

01. Getting Started/3. What is Figma for & does it do the coding.vtt

6.3 kB

01. Getting Started/2. Getting started with Figma training.vtt

5.5 kB

01. Getting Started/1. Introduction to Figma Essentials training course.vtt

3.7 kB

01. Getting Started/7.1 Assignment-Class project 01- Create your own brief.html

3.0 kB

02. Wireframing - Low Fidelity/2. Creating our design file & introducing frames in Figma.mp4

24 MB

02. Wireframing - Low Fidelity/1. What is Lo Fi Wireframe vs High Fidelity in Figma.mp4

8.6 MB

02. Wireframing - Low Fidelity/2. Creating our design file & introducing frames in Figma.vtt

15 kB

02. Wireframing - Low Fidelity/1. What is Lo Fi Wireframe vs High Fidelity in Figma.vtt

4.7 kB

03. Type, Color & Icon Introduction/10. Where to get Free icons for Figma.mp4

64 MB

03. Type, Color & Icon Introduction/11. Matching the stroke of our icons.mp4

56 MB

03. Type, Color & Icon Introduction/12. How to use Plugins in Figma for icons.mp4

40 MB

03. Type, Color & Icon Introduction/7. Frames vs Groups in Figma.mp4

22 MB

03. Type, Color & Icon Introduction/4. Strokes plus updating color defaults in Figma.mp4

22 MB

03. Type, Color & Icon Introduction/1. The basics of type & fonts in Figma.mp4

16 MB

03. Type, Color & Icon Introduction/2. Rectangles Circles Buttons Rounded corners in Figma.mp4

16 MB

03. Type, Color & Icon Introduction/3. How to use color in Figma.mp4

11 MB

03. Type, Color & Icon Introduction/13. Class project 03 - Icons.mp4

9.7 MB

03. Type, Color & Icon Introduction/8. Class project 02- Wireframe.mp4

8.7 MB

03. Type, Color & Icon Introduction/6. Scale vs Selection Tool in Figma.mp4

6.5 MB

03. Type, Color & Icon Introduction/5. Object editing and how to escape in Figma.mp4

3.3 MB

03. Type, Color & Icon Introduction/1. The basics of type & fonts in Figma.vtt

19 kB

03. Type, Color & Icon Introduction/4. Strokes plus updating color defaults in Figma.vtt

17 kB

03. Type, Color & Icon Introduction/7. Frames vs Groups in Figma.vtt

17 kB

03. Type, Color & Icon Introduction/10. Where to get Free icons for Figma.vtt

16 kB

03. Type, Color & Icon Introduction/2. Rectangles Circles Buttons Rounded corners in Figma.vtt

13 kB

03. Type, Color & Icon Introduction/3. How to use color in Figma.vtt

11 kB

03. Type, Color & Icon Introduction/11. Matching the stroke of our icons.vtt

9.3 kB

03. Type, Color & Icon Introduction/12. How to use Plugins in Figma for icons.vtt

8.1 kB

03. Type, Color & Icon Introduction/13. Class project 03 - Icons.vtt

6.3 kB

03. Type, Color & Icon Introduction/8. Class project 02- Wireframe.vtt

5.4 kB

03. Type, Color & Icon Introduction/6. Scale vs Selection Tool in Figma.vtt

5.1 kB

03. Type, Color & Icon Introduction/14.3 Assignment-Class project 03 - Icons.html

3.5 kB

03. Type, Color & Icon Introduction/5. Object editing and how to escape in Figma.vtt

3.5 kB

03. Type, Color & Icon Introduction/9.2 Assignment-Class project 02- Wireframe.html

3.4 kB

04. Pages/1. How to use Pages in Figma.mp4

36 MB

04. Pages/1. How to use Pages in Figma.vtt

14 kB

05. Prototyping - Level 1/3. Testing on your phone with Figma Mirror.mp4

97 MB

05. Prototyping - Level 1/1. How to prototype in Figma.mp4

68 MB

05. Prototyping - Level 1/2. Prototype animation and easing in Figma.mp4

59 MB

05. Prototyping - Level 1/4. Class project 04 - Testing on your phone.mp4

11 MB

05. Prototyping - Level 1/2. Prototype animation and easing in Figma.vtt

18 kB

05. Prototyping - Level 1/1. How to prototype in Figma.vtt

17 kB

05. Prototyping - Level 1/3. Testing on your phone with Figma Mirror.vtt

9.7 kB

05. Prototyping - Level 1/4. Class project 04 - Testing on your phone.vtt

6.8 kB

05. Prototyping - Level 1/5.4 Assignment-Class project 04 - Testing on your phone.html

3.5 kB

06. Animation Level 1/1. What is Smart Animation & delays in Figma.mp4

40 MB

06. Animation Level 1/2. Class project 05 - My first animation.mp4

4.7 MB

06. Animation Level 1/1. What is Smart Animation & delays in Figma.vtt

15 kB

06. Animation Level 1/2. Class project 05 - My first animation.vtt

3.7 kB

06. Animation Level 1/3.5 Assignment-Class project 05 - My first animation.html

3.3 kB

07. Commenting/2. Share editing with other UX designers in Figma.mp4

36 MB

07. Commenting/1. Sharing & Commenting on Figma file with Stakeholders.mp4

36 MB

07. Commenting/1. Sharing & Commenting on Figma file with Stakeholders.vtt

12 kB

07. Commenting/2. Share editing with other UX designers in Figma.vtt

12 kB

08. Moodboard - High Fidelity/1. How I get inspiration for UX projects.mp4

89 MB

08. Moodboard - High Fidelity/2. How to create a mood board in Figma.mp4

18 MB

08. Moodboard - High Fidelity/3. Class Project 06 - Moodboard.mp4

8.4 MB

08. Moodboard - High Fidelity/1. How I get inspiration for UX projects.vtt

12 kB

08. Moodboard - High Fidelity/2. How to create a mood board in Figma.vtt

9.8 kB

08. Moodboard - High Fidelity/4.6 Assignment-Class Project 06 - Moodboard.html

3.1 kB

08. Moodboard - High Fidelity/3. Class Project 06 - Moodboard.vtt

2.6 kB

09. Columns/1. How to work with Columns & Grid in Figma.mp4

34 MB

09. Columns/1. How to work with Columns & Grid in Figma.vtt

24 kB

10. Tips & Tricks/1. Tips Tricks Preferences and Weirdness in Figma.mp4

56 MB

10. Tips & Tricks/1. Tips Tricks Preferences and Weirdness in Figma.vtt

14 kB

11. Colors/1. Color Inspiration & the eyedropper in Figma.mp4

48 MB

11. Colors/3. How to make gradients in Figma.mp4

48 MB

11. Colors/2. How to create a color palette in Figma.mp4

21 MB

11. Colors/4. How to create & use Color Styles in Figma.mp4

15 MB

11. Colors/5. Class Project 07 - Colors & Columns.mp4

9.5 MB

11. Colors/2. How to create a color palette in Figma.vtt

15 kB

11. Colors/3. How to make gradients in Figma.vtt

13 kB

11. Colors/4. How to create & use Color Styles in Figma.vtt

12 kB

11. Colors/1. Color Inspiration & the eyedropper in Figma.vtt

11 kB

11. Colors/5. Class Project 07 - Colors & Columns.vtt

7.0 kB

11. Colors/6.7 Assignment-Class Project 07 - Colors & Columns.html

3.9 kB

12. Text & Fonts Advanced/2. What fonts can I use plus font pairing in Figma.mp4

41 MB

12. Text & Fonts Advanced/6. Useful things to know about text in Figma.mp4

34 MB

12. Text & Fonts Advanced/3. What common font sizes should I choose in web design.mp4

25 MB

12. Text & Fonts Advanced/5. Lorem ipsum & Placeholder text in Figma.mp4

23 MB

12. Text & Fonts Advanced/7. How fix missing fonts in Figma.mp4

20 MB

12. Text & Fonts Advanced/8. Class project 08 - Text.mp4

17 MB

12. Text & Fonts Advanced/4. How to make Character Styles in Figma.mp4

17 MB

12. Text & Fonts Advanced/1. Font on Desktop vs Browser Figma.mp4

2.9 MB

12. Text & Fonts Advanced/3. What common font sizes should I choose in web design.vtt

18 kB

12. Text & Fonts Advanced/6. Useful things to know about text in Figma.vtt

16 kB

12. Text & Fonts Advanced/4. How to make Character Styles in Figma.vtt

11 kB

12. Text & Fonts Advanced/2. What fonts can I use plus font pairing in Figma.vtt

10 kB

12. Text & Fonts Advanced/8. Class project 08 - Text.vtt

10 kB

12. Text & Fonts Advanced/5. Lorem ipsum & Placeholder text in Figma.vtt

7.8 kB

12. Text & Fonts Advanced/7. How fix missing fonts in Figma.vtt

5.0 kB

12. Text & Fonts Advanced/9.8 Assignment-Class project 08 - Text.html

4.0 kB

12. Text & Fonts Advanced/1. Font on Desktop vs Browser Figma.vtt

2.6 kB

13. Drawing/7. Smart Selection & Tidy up in Figma.mp4

75 MB

13. Drawing/1. Drawing tips and tricks in Figma.mp4

28 MB

13. Drawing/2. Squircle buttons with ios rounded courses in Figma.mp4

26 MB

13. Drawing/5. Class Project 09 - Making stuff.mp4

23 MB

13. Drawing/3. Boolean Union Subtract Intersect Exclude Pathfinder in Figma.mp4

23 MB

13. Drawing/4. What is the difference Union vs Flatten Figma.mp4

11 MB

13. Drawing/1. Drawing tips and tricks in Figma.vtt

16 kB

13. Drawing/7. Smart Selection & Tidy up in Figma.vtt

14 kB

13. Drawing/3. Boolean Union Subtract Intersect Exclude Pathfinder in Figma.vtt

13 kB

13. Drawing/5. Class Project 09 - Making stuff.vtt

6.2 kB

13. Drawing/4. What is the difference Union vs Flatten Figma.vtt

6.0 kB

13. Drawing/2. Squircle buttons with ios rounded courses in Figma.vtt

4.6 kB

13. Drawing/6.9 Assignment-Class Project 09 - Making stuff.html

4.2 kB

14. Working with Illustrator/1. Do I need to know Illustrator with Figma.mp4

9.1 MB

14. Working with Illustrator/1. Do I need to know Illustrator with Figma.vtt

7.0 kB

15. Images/1. Tips & tricks for using images in Figma.mp4

70 MB

15. Images/3. Free image & plugin for Figma.mp4

25 MB

15. Images/2. Masking Cropping images in Figma.mp4

23 MB

15. Images/2. Masking Cropping images in Figma.vtt

16 kB

15. Images/1. Tips & tricks for using images in Figma.vtt

12 kB

15. Images/3. Free image & plugin for Figma.vtt

4.3 kB

16. Working with Photoshop/1. Do you need Photoshop for UX Design in Figma.mp4

115 MB

16. Working with Photoshop/2. Class Project 10 - Images.mp4

4.6 MB

16. Working with Photoshop/1. Do you need Photoshop for UX Design in Figma.vtt

18 kB

16. Working with Photoshop/3.10 Assignment-Class Project 10 - Images.html

3.6 kB

16. Working with Photoshop/2. Class Project 10 - Images.vtt

2.3 kB

17. Autolayout's & Constraints/6. Combining Nested frames Auto Layout & Constraints in Figma.mp4

102 MB

17. Autolayout's & Constraints/7. Adding Text Box Autoheight to Autolayout in Figma.mp4

52 MB

17. Autolayout's & Constraints/1. Autolayout & Constraints.mp4

38 MB

17. Autolayout's & Constraints/4. Auto Layout for spacing.mp4

32 MB

17. Autolayout's & Constraints/5. How to use constraints in figma.mp4

26 MB

17. Autolayout's & Constraints/10. Nice drop shadow & Inner drop shadow effects in Figma.mp4

26 MB

17. Autolayout's & Constraints/8. Class Project 12 - Responsive Design.mp4

7.6 MB

17. Autolayout's & Constraints/2. Class project 11 - Buttons.mp4

6.0 MB

17. Autolayout's & Constraints/6. Combining Nested frames Auto Layout & Constraints in Figma.vtt

24 kB

17. Autolayout's & Constraints/1. Autolayout & Constraints.vtt

15 kB

17. Autolayout's & Constraints/5. How to use constraints in figma.vtt

14 kB

17. Autolayout's & Constraints/7. Adding Text Box Autoheight to Autolayout in Figma.vtt

12 kB

17. Autolayout's & Constraints/4. Auto Layout for spacing.vtt

10 kB

17. Autolayout's & Constraints/10. Nice drop shadow & Inner drop shadow effects in Figma.vtt

9.3 kB

17. Autolayout's & Constraints/8. Class Project 12 - Responsive Design.vtt

4.1 kB

17. Autolayout's & Constraints/9.12 Assignment-Class Project 12 - Responsive Design.html

3.8 kB

17. Autolayout's & Constraints/3.11 Assignment-Class project 11 - Buttons.html

3.0 kB

17. Autolayout's & Constraints/2. Class project 11 - Buttons.vtt

2.0 kB

18. Effects/1. Blur Layer & Background Blur & Image Blur in Figma.mp4

39 MB

18. Effects/2. How to make Neumorphic ui buttons in Figma.mp4

37 MB

18. Effects/3. Class project 13 - Effects.mp4

7.3 MB

18. Effects/2. How to make Neumorphic ui buttons in Figma.vtt

12 kB

18. Effects/1. Blur Layer & Background Blur & Image Blur in Figma.vtt

8.9 kB

18. Effects/4.13 Assignment-Class project 13 - Effects.html

3.6 kB

18. Effects/3. Class project 13 - Effects.vtt

3.4 kB

19. Saving & History/1. How to save locally & save history in Figma.mp4

46 MB

19. Saving & History/1. How to save locally & save history in Figma.vtt

9.4 kB

20. Components & Instances/1. What are components in Figma.mp4

43 MB

20. Components & Instances/2. Updating & Changing & Resetting your components.mp4

40 MB

20. Components & Instances/3. You can’t kill main components in Figma.mp4

31 MB

20. Components & Instances/4. Where should you keep your main components in Figma.mp4

30 MB

20. Components & Instances/5. Intro to the forward slash naming convention in Figma.mp4

26 MB

20. Components & Instances/6. Class Project 14 - Components.mp4

2.1 MB

20. Components & Instances/5. Intro to the forward slash naming convention in Figma.vtt

14 kB

20. Components & Instances/2. Updating & Changing & Resetting your components.vtt

12 kB

20. Components & Instances/3. You can’t kill main components in Figma.vtt

12 kB

20. Components & Instances/1. What are components in Figma.vtt

10 kB

20. Components & Instances/4. Where should you keep your main components in Figma.vtt

8.0 kB

20. Components & Instances/7.14 Assignment-Class Project 14 - Components.html

3.2 kB

20. Components & Instances/6. Class Project 14 - Components.vtt

1.3 kB

21. Variants/2. Another way to make variants in Figma.mp4

70 MB

21. Variants/3. How to make a Multi Dimensional Variant in Figma.mp4

59 MB

21. Variants/1. How to make component variants in Figma.mp4

33 MB

21. Variants/4. Class Project 15 - Variants.mp4

4.1 MB

21. Variants/3. How to make a Multi Dimensional Variant in Figma.vtt

18 kB

21. Variants/1. How to make component variants in Figma.vtt

11 kB

21. Variants/2. Another way to make variants in Figma.vtt

9.8 kB

21. Variants/5.15 Assignment-Class Project 15 - Variants.html

3.2 kB

21. Variants/4. Class Project 15 - Variants.vtt

2.9 kB

22. Making a form/4. Putting it all together in an desktop example.mp4

126 MB

22. Making a form/1. How to make a form using variants in Figma.mp4

87 MB

22. Making a form/2. Class Project 16 - Form.mp4

3.7 MB

22. Making a form/4. Putting it all together in an desktop example.vtt

30 kB

22. Making a form/1. How to make a form using variants in Figma.vtt

26 kB

22. Making a form/3.16 Assignment-Class Project 16 - Form.html

3.7 kB

22. Making a form/2. Class Project 16 - Form.vtt

2.5 kB

23. Prototyping - Level 2/7. How to pin navigation to top in Figma.mp4

108 MB

23. Prototyping - Level 2/2. How to make & prototype a tool tip in Figma.mp4

60 MB

23. Prototyping - Level 2/3. What are Flows in Figma.mp4

42 MB

23. Prototyping - Level 2/4. Slide in mobile nav menu overlay in Figma.mp4

39 MB

23. Prototyping - Level 2/9. Automatic scroll down the page to anchor point in Figma.mp4

36 MB

23. Prototyping - Level 2/1. How to add a popup overlay modal in Figma.mp4

34 MB

23. Prototyping - Level 2/8. How to make horizontal scrolling swipe in Figma.mp4

30 MB

23. Prototyping - Level 2/5. Class project 17 - Prototyping.mp4

3.3 MB

23. Prototyping - Level 2/7. How to pin navigation to top in Figma.vtt

18 kB

23. Prototyping - Level 2/8. How to make horizontal scrolling swipe in Figma.vtt

11 kB

23. Prototyping - Level 2/2. How to make & prototype a tool tip in Figma.vtt

11 kB

23. Prototyping - Level 2/3. What are Flows in Figma.vtt

9.8 kB

23. Prototyping - Level 2/9. Automatic scroll down the page to anchor point in Figma.vtt

6.9 kB

23. Prototyping - Level 2/4. Slide in mobile nav menu overlay in Figma.vtt

6.2 kB

23. Prototyping - Level 2/1. How to add a popup overlay modal in Figma.vtt

4.9 kB

23. Prototyping - Level 2/6.17 Assignment-Class project 17 - Prototyping.html

3.8 kB

23. Prototyping - Level 2/5. Class project 17 - Prototyping.vtt

1.9 kB

24. Teams & Projects/1. What are Teams vs Projects vs Files in Figma.mp4

21 MB

24. Teams & Projects/1. What are Teams vs Projects vs Files in Figma.vtt

8.9 kB

25. Libraries/1. How do you use team libraries in Figma.mp4

55 MB

25. Libraries/1. How do you use team libraries in Figma.vtt

18 kB

26. Animation & Micro Interactions/5. How to make animated transitions in Figma.mp4

144 MB

26. Animation & Micro Interactions/2. Animation with custom easing in Figma.mp4

138 MB

26. Animation & Micro Interactions/9. Micro interaction toggle switch in Figma.mp4

51 MB

26. Animation & Micro Interactions/1. The difference between animation & micro interactions.mp4

20 MB

26. Animation & Micro Interactions/11. Class Project 20 - Micro interaction.mp4

13 MB

26. Animation & Micro Interactions/10. Micro Interaction burger menu turned into cross in Figma.mp4

11 MB

26. Animation & Micro Interactions/8. Micro interactions using interactive components in Figma.mp4

11 MB

26. Animation & Micro Interactions/3. Class Project 18 - My Second Animation.mp4

4.7 MB

26. Animation & Micro Interactions/6. Class Project 19 - Page transition.mp4

4.6 MB

26. Animation & Micro Interactions/2. Animation with custom easing in Figma.vtt

38 kB

26. Animation & Micro Interactions/5. How to make animated transitions in Figma.vtt

28 kB

26. Animation & Micro Interactions/8. Micro interactions using interactive components in Figma.vtt

9.9 kB

26. Animation & Micro Interactions/9. Micro interaction toggle switch in Figma.vtt

6.8 kB

26. Animation & Micro Interactions/10. Micro Interaction burger menu turned into cross in Figma.vtt

6.5 kB

26. Animation & Micro Interactions/1. The difference between animation & micro interactions.vtt

4.9 kB

26. Animation & Micro Interactions/4.18 Assignment-Class Project 18 - My Second Animation.html

3.7 kB

26. Animation & Micro Interactions/12.20 Assignment-Class Project 20 - Micro interaction.html

3.6 kB

26. Animation & Micro Interactions/7.19 Assignment-Class Project 19 - Page transition.html

3.6 kB

26. Animation & Micro Interactions/3. Class Project 18 - My Second Animation.vtt

2.9 kB

26. Animation & Micro Interactions/6. Class Project 19 - Page transition.vtt

2.3 kB

26. Animation & Micro Interactions/11. Class Project 20 - Micro interaction.vtt

2.2 kB

27. Thumbnail update/1. How to change the thumbnail for Figma Files.mp4

35 MB

27. Thumbnail update/1. How to change the thumbnail for Figma Files.vtt

6.0 kB

28. Exporting/3. Talking to your developer early in the figma design process.mp4

86 MB

28. Exporting/1. How to export Images out of Figma.mp4

80 MB

28. Exporting/2. How to share you document with clients & stakeholders.mp4

60 MB

28. Exporting/4. Sharing Figma with developers & engineers handoff.mp4

51 MB

28. Exporting/6. Class Project 21 - Finish your design.mp4

34 MB

28. Exporting/5. What are the next level handoffs aka design systems.mp4

26 MB

28. Exporting/1. How to export Images out of Figma.vtt

12 kB

28. Exporting/2. How to share you document with clients & stakeholders.vtt

11 kB

28. Exporting/4. Sharing Figma with developers & engineers handoff.vtt

10 kB

28. Exporting/6. Class Project 21 - Finish your design.vtt

7.3 kB

28. Exporting/3. Talking to your developer early in the figma design process.vtt

6.7 kB

28. Exporting/5. What are the next level handoffs aka design systems.vtt

4.7 kB

28. Exporting/7.21 Assignment-Class Project 21 - Finish your design.html

3.8 kB

29. What next/1. What next for you and Figma.mp4

136 MB

29. What next/1. What next for you and Figma.vtt

9.8 kB

29. What next/2. Continue learning with me! Links inside.html

5.3 kB

29. What next/2. 2025-01-22_21-57-26-aead6ec9f04c135980ebc629875cef67.jpg

4.3 kB