FileMood

Download The Ultimate Figma UI Masterclass

The Ultimate Figma UI Masterclass

Name

The Ultimate Figma UI Masterclass

 DOWNLOAD Copy Link

Total Size

3.0 GB

Total Files

107

Last Seen

2024-12-20 23:29

Hash

B8D584007833FB470CF671320BE5B7D26EF619E1

/

Course Sales Page.png

4.9 MB

/Module 1- Welcome/

1. A warm welcome to all students.mp4

22.9 MB

2. Install Files.mp4

17.5 MB

3. Install Figma Plugins.mp4

15.4 MB

/Module 2 - Figma Project Management (Real Project)/

1. Welcome.ts

17.7 MB

2. Overview.ts

11.3 MB

3. Exploration.ts

9.6 MB

4. Wireframes.ts

13.1 MB

5. Moodboard.ts

22.0 MB

6. Workspace.ts

36.3 MB

7. Design feedback.ts

35.9 MB

8. Final Designs.ts

17.3 MB

9. Design Implementation.ts

44.7 MB

/Module 3 - Master Design Systems/

1. Welcome.ts

16.6 MB

10. Build a Drop Shadow System.ts

9.6 MB

11. Master the BEM Model & Component Matrix.ts

10.7 MB

12. Build a Dynamic & Scalable Button Set.ts

67.9 MB

13. Publish a Design System.ts

6.6 MB

14. Using Design Systems Across Multiple Projects.ts

3.0 MB

14_1. What is BEM.png

17.7 KB

15. Advanced Input Systems (Part 1).ts

30.4 MB

16. Advanced Input Systems (Part 2).ts

55.5 MB

17. Advanced Input Systems (Part 3).ts

63.2 MB

2. Atomic Design Framework.ts

7.1 MB

3. Build Style Guide (Neutrals).ts

46.5 MB

4. Build a Scalable Colour System (Dark Mode).ts

30.3 MB

5. Build a Responsive Typgography Scale.ts

82.7 MB

6. Responsive Grid Layouts (320px to 1440px, Including Fixed Sidebars).ts

41.5 MB

7. How to Use the 4pt Grid.ts

19.1 MB

8. Create a Vertical 4pt Grid.ts

7.8 MB

9. Build an Advanced Icon System (4 Sizes, 2 Colours).ts

59.6 MB

/Module 4 - Master Responsive UIDesign/

1. Welcome.ts

18.5 MB

10. Design a Responsive Footer.ts

54.4 MB

11. Adding Prototype Interactions.ts

59.7 MB

12. Managing the Design Feedback Process.ts

102.6 KB

13. Responsive Views - 1152px.ts

8.6 MB

14. Responsive Views - 768px.ts

32.7 MB

15. Responsive Views - 320px.ts

63.0 MB

16. Designing a Responsive Mobile Header.ts

13.4 MB

17. Building a Responsive Prototype.ts

102.6 KB

18. Preview designs with Figma Mirror.ts

6.0 MB

2. Understanding the Box Model.ts

22.1 MB

3. Understanding the CSS Flex box.ts

11.6 MB

4. Attaching a Design System.ts

3.2 MB

5. Design a Responsive Header.ts

52.3 MB

6. Design a Responsive Hero Banner.ts

69.6 MB

7. Design a Responsive Masonry Grid.ts

68.4 MB

8. Design a Responsive Floating CTA.ts

31.1 MB

9. Design a Responsive 4 Col Layout.ts

33.2 MB

/Module 5 - Master Figma Components/

1. Welcome.ts

7.9 MB

10. Master Components.ts

23.7 MB

11. Prevent Master Components from Publishing.ts

10.4 MB

2. When should you Componentize.ts

9.9 MB

3. Global vs Local Components.ts

8.6 MB

4. Creating Local & Global Components.ts

37.3 MB

5. Deleting Component Variants.ts

3.0 MB

6. Modifying a Component.ts

2.1 MB

7. Creating a New Set of Component Variants.ts

20.1 MB

8. Publishing Large Design Systems Workaround.ts

2.5 MB

9. Detaching Main Components.ts

4.4 MB

/Module 6 - Design Implementation (Design Handover)/

1. Welcome.ts

9.7 MB

2. Compressing Images.ts

18.1 MB

3. Compressing Images - FREE & High Quality Alternative.ts

10.5 MB

4. How to Run a Design Implementation Walkthrough.ts

18.6 MB

5. Preparing a File for Developers.ts

32.1 MB

6. Documenting Designs for Developers.ts

92.9 MB

7. Exporting SVG Icons.ts

25.7 MB

8. Exporting PNG Icons.ts

12.4 MB

/Module 7- Bonus Challenges/

1. Welcome.ts

6.3 MB

2. Build a Responsive 2 Column Layout.ts

33.6 MB

3. Build a Responsive Table.ts

12.6 MB

4. Create a Grid Box.ts

10.9 MB

5. Build a Scalable Progress Bar.ts

9.1 MB

/Module 8 - Prototypes & Animations/

1. Chapter Overview.ts

5.7 MB

10. Final Challenges (Part 3).ts

39.6 MB

11. Intro to Part 2.ts

10.2 MB

12. Design a Sidebar & Loading State.ts

38.7 MB

13. Design a Dashboard.ts

56.4 MB

14. Design the Customer View (Rows).ts

39.4 MB

15. Design the Customer View (Grid).ts

29.3 MB

16. Design the Add New Customer Modal.ts

27.4 MB

17. Design the Success Message.ts

36.2 MB

18. Plan your Prototype Sequence.ts

31.4 MB

19. Build your Prototype.ts

52.1 MB

2. Smart Animate Overview.ts

46.5 MB

20. Interactive Components Challenge (Part 1).ts

30.1 MB

21. Interactive Components Challenge (Part 2).ts

44.1 MB

3. Animation Types.ts

15.0 MB

4. Animation Type.ts

86.7 MB

5. Easing the Easy Way.ts

40.2 MB

6. Figma Animation Prototype.ts

27.8 MB

7. Custom Figma Transitions.ts

70.0 MB

8. Final Challenges (Part 1).ts

36.3 MB

9. Final Challenges (Part 2).ts

15.6 MB

Animations & Prototyping (Starter & Solutions File).zip

38.6 MB

/Resourses/

01. Getting Started.fig

6.6 MB

02. Design System.fig

954.8 KB

03. Project Exercise.fig

71.1 MB

04. Bonus Challenges.fig

6.6 MB

[RESOURCE] Design Implementation Walkthrough.fig

4.4 MB

[RESOURCE] Project Starter Template.fig

49.2 MB

[RESOURCE] Real Project File.fig

81.9 MB

[SOLUTIONS] 03. Project Exercise.fig

78.7 MB

[SOLUTION] 02. Design System.fig

1.5 MB

/.../Designership-Design System/

Designership Design System v.1.3.1.fig

32.3 MB

Watch Me First.mp4

81.0 MB

_Designership Design System v.1.3.1.fig

0.3 KB

 

Total files 107


Copyright © 2024 FileMood.com