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

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

118.45 MB

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

81.94 MB

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

81.49 MB

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

51.98 MB

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

21.48 MB

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

21.07 MB

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

16.85 MB

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

16.18 KB

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

9.49 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.27 KB

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

5.47 KB

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

3.68 KB

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

3.02 KB

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

24.32 MB

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

8.63 MB

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

15.28 KB

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

4.67 KB

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

63.65 MB

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

56.24 MB

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

39.47 MB

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

22.03 MB

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

21.81 MB

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

16.1 MB

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

15.73 MB

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

11.1 MB

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

9.69 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.49 MB

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

3.33 MB

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

18.89 KB

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

17.1 KB

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

16.94 KB

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

15.88 KB

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

12.93 KB

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

10.99 KB

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

9.34 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.29 KB

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

5.43 KB

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

5.11 KB

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

3.53 KB

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

3.52 KB

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

3.41 KB

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

35.47 MB

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

14.37 KB

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

96.67 MB

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

68.06 MB

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

58.63 MB

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

10.65 MB

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

17.93 KB

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

16.81 KB

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

9.66 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.53 KB

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

40.43 MB

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

4.72 MB

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

15.43 KB

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

3.65 KB

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

3.31 KB

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

36.5 MB

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

36.31 MB

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

12.51 KB

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

11.96 KB

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

89.4 MB

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

17.54 MB

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

8.37 MB

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

11.8 KB

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

9.81 KB

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

3.14 KB

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

2.58 KB

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

34.49 MB

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

23.73 KB

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

56.04 MB

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

14.2 KB

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

48.29 MB

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

47.58 MB

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

21.07 MB

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

15.41 MB

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

9.49 MB

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

15.03 KB

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

12.78 KB

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

12.07 KB

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

10.86 KB

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

7.04 KB

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

3.91 KB

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

40.83 MB

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

34.36 MB

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

25.4 MB

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

22.79 MB

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

20.5 MB

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

16.71 MB

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

16.61 MB

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

2.89 MB

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

18.31 KB

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

15.65 KB

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

11.18 KB

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

10.48 KB

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

10.02 KB

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

7.75 KB

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

4.99 KB

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

4.02 KB

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

2.65 KB

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

74.64 MB

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

27.94 MB

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

26.3 MB

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

23.43 MB

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

22.81 MB

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

10.85 MB

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

16.01 KB

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

14.48 KB

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

12.66 KB

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

6.18 KB

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

6.01 KB

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

4.55 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.09 MB

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

7 KB

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

69.91 MB

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

24.72 MB

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

23.37 MB

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

16.2 KB

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

11.52 KB

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

4.25 KB

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

114.56 MB

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

4.57 MB

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

17.69 KB

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

3.58 KB

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

2.29 KB

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

102.2 MB

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

52.55 MB

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

37.98 MB

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

32.02 MB

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

25.93 MB

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

25.51 MB

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

7.58 MB

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

5.99 MB

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

23.47 KB

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

15.13 KB

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

14.35 KB

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

12.25 KB

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

10.19 KB

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

9.33 KB

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

4.14 KB

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

3.85 KB

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

2.97 KB

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

1.98 KB

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

38.68 MB

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

37.23 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.08 KB

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

8.92 KB

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

3.61 KB

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

3.38 KB

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

45.49 MB

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

9.36 KB

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

43.31 MB

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

40.25 MB

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

30.59 MB

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

30.29 MB

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

26.49 MB

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

2.05 MB

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

13.89 KB

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

12.3 KB

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

12.21 KB

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

10.32 KB

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

8 KB

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

3.21 KB

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

1.26 KB

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

70.37 MB

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

58.88 MB

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

32.56 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.37 KB

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

10.71 KB

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

9.76 KB

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

3.18 KB

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

2.91 KB

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

126.12 MB

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

86.9 MB

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

3.74 MB

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

29.69 KB

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

26.02 KB

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

3.68 KB

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

2.47 KB

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

108.05 MB

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

59.56 MB

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

41.77 MB

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

39.05 MB

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

35.89 MB

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

33.83 MB

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

29.46 MB

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

3.32 MB

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

17.89 KB

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

10.73 KB

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

10.65 KB

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

9.76 KB

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

6.93 KB

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

6.18 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.76 KB

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

1.94 KB

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

20.62 MB

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

8.93 KB

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

55.24 MB

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

18.37 KB

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

143.67 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

50.68 MB

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

19.79 MB

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

12.67 MB

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

11.32 MB

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

10.8 MB

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

4.69 MB

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

4.62 MB

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

38.5 KB

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

27.68 KB

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

9.91 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.51 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.73 KB

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

3.63 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.93 KB

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

2.29 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

34.81 MB

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

6 KB

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

86.52 MB

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

80.4 MB

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

60.37 MB

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

51.38 MB

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

34.01 MB

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

26.28 MB

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

11.88 KB

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

10.64 KB

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

10.43 KB

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

7.31 KB

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

6.65 KB

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

4.71 KB

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

3.85 KB

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

135.96 MB

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

9.83 KB

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

5.29 KB

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

4.34 KB

资源详情

免责声明