The Ultimate Figma UI Masterclass

File Name

Size

Course Sales Page.png

4.7 MB

Module 1- Welcome/1. A warm welcome to all students.mp4

22 MB

Module 1- Welcome/2. Install Files.mp4

17 MB

Module 1- Welcome/3. Install Figma Plugins.mp4

15 MB

Module 2 - Figma Project Management (Real Project)/1. Welcome.ts

17 MB

Module 2 - Figma Project Management (Real Project)/2. Overview.ts

11 MB

Module 2 - Figma Project Management (Real Project)/3. Exploration.ts

9.2 MB

Module 2 - Figma Project Management (Real Project)/4. Wireframes.ts

12 MB

Module 2 - Figma Project Management (Real Project)/5. Moodboard.ts

21 MB

Module 2 - Figma Project Management (Real Project)/6. Workspace.ts

35 MB

Module 2 - Figma Project Management (Real Project)/7. Design feedback.ts

34 MB

Module 2 - Figma Project Management (Real Project)/8. Final Designs.ts

16 MB

Module 2 - Figma Project Management (Real Project)/9. Design Implementation.ts

43 MB

Module 3 - Master Design Systems/1. Welcome.ts

16 MB

Module 3 - Master Design Systems/10. Build a Drop Shadow System.ts

9.2 MB

Module 3 - Master Design Systems/11. Master the BEM Model & Component Matrix.ts

10 MB

Module 3 - Master Design Systems/12. Build a Dynamic & Scalable Button Set.ts

65 MB

Module 3 - Master Design Systems/13. Publish a Design System.ts

6.3 MB

Module 3 - Master Design Systems/14. Using Design Systems Across Multiple Projects.ts

2.8 MB

Module 3 - Master Design Systems/14_1. What is BEM.png

17 kB

Module 3 - Master Design Systems/15. Advanced Input Systems (Part 1).ts

29 MB

Module 3 - Master Design Systems/16. Advanced Input Systems (Part 2).ts

53 MB

Module 3 - Master Design Systems/17. Advanced Input Systems (Part 3).ts

60 MB

Module 3 - Master Design Systems/2. Atomic Design Framework.ts

6.8 MB

Module 3 - Master Design Systems/3. Build Style Guide (Neutrals).ts

44 MB

Module 3 - Master Design Systems/4. Build a Scalable Colour System (Dark Mode).ts

29 MB

Module 3 - Master Design Systems/5. Build a Responsive Typgography Scale.ts

79 MB

Module 3 - Master Design Systems/6. Responsive Grid Layouts (320px to 1440px, Including Fixed Sidebars).ts

40 MB

Module 3 - Master Design Systems/7. How to Use the 4pt Grid.ts

18 MB

Module 3 - Master Design Systems/8. Create a Vertical 4pt Grid.ts

7.5 MB

Module 3 - Master Design Systems/9. Build an Advanced Icon System (4 Sizes, 2 Colours).ts

57 MB

Module 4 - Master Responsive UIDesign/1. Welcome.ts

18 MB

Module 4 - Master Responsive UIDesign/10. Design a Responsive Footer.ts

52 MB

Module 4 - Master Responsive UIDesign/11. Adding Prototype Interactions.ts

57 MB

Module 4 - Master Responsive UIDesign/12. Managing the Design Feedback Process.ts

100 kB

Module 4 - Master Responsive UIDesign/13. Responsive Views - 1152px.ts

8.2 MB

Module 4 - Master Responsive UIDesign/14. Responsive Views - 768px.ts

31 MB

Module 4 - Master Responsive UIDesign/15. Responsive Views - 320px.ts

60 MB

Module 4 - Master Responsive UIDesign/16. Designing a Responsive Mobile Header.ts

13 MB

Module 4 - Master Responsive UIDesign/17. Building a Responsive Prototype.ts

100 kB

Module 4 - Master Responsive UIDesign/18. Preview designs with Figma Mirror.ts

5.8 MB

Module 4 - Master Responsive UIDesign/2. Understanding the Box Model.ts

21 MB

Module 4 - Master Responsive UIDesign/3. Understanding the CSS Flex box.ts

11 MB

Module 4 - Master Responsive UIDesign/4. Attaching a Design System.ts

3.0 MB

Module 4 - Master Responsive UIDesign/5. Design a Responsive Header.ts

50 MB

Module 4 - Master Responsive UIDesign/6. Design a Responsive Hero Banner.ts

66 MB

Module 4 - Master Responsive UIDesign/7. Design a Responsive Masonry Grid.ts

65 MB

Module 4 - Master Responsive UIDesign/8. Design a Responsive Floating CTA.ts

30 MB

Module 4 - Master Responsive UIDesign/9. Design a Responsive 4 Col Layout.ts

32 MB

Module 5 - Master Figma Components/1. Welcome.ts

7.6 MB

Module 5 - Master Figma Components/10. Master Components.ts

23 MB

Module 5 - Master Figma Components/11. Prevent Master Components from Publishing.ts

9.9 MB

Module 5 - Master Figma Components/2. When should you Componentize.ts

9.4 MB

Module 5 - Master Figma Components/3. Global vs Local Components.ts

8.2 MB

Module 5 - Master Figma Components/4. Creating Local & Global Components.ts

36 MB

Module 5 - Master Figma Components/5. Deleting Component Variants.ts

2.8 MB

Module 5 - Master Figma Components/6. Modifying a Component.ts

2.0 MB

Module 5 - Master Figma Components/7. Creating a New Set of Component Variants.ts

19 MB

Module 5 - Master Figma Components/8. Publishing Large Design Systems Workaround.ts

2.4 MB

Module 5 - Master Figma Components/9. Detaching Main Components.ts

4.2 MB

Module 6 - Design Implementation (Design Handover)/1. Welcome.ts

9.2 MB

Module 6 - Design Implementation (Design Handover)/2. Compressing Images.ts

17 MB

Module 6 - Design Implementation (Design Handover)/3. Compressing Images - FREE & High Quality Alternative.ts

10 MB

Module 6 - Design Implementation (Design Handover)/4. How to Run a Design Implementation Walkthrough.ts

18 MB

Module 6 - Design Implementation (Design Handover)/5. Preparing a File for Developers.ts

31 MB

Module 6 - Design Implementation (Design Handover)/6. Documenting Designs for Developers.ts

89 MB

Module 6 - Design Implementation (Design Handover)/7. Exporting SVG Icons.ts

24 MB

Module 6 - Design Implementation (Design Handover)/8. Exporting PNG Icons.ts

12 MB

Module 7- Bonus Challenges/1. Welcome.ts

6.0 MB

Module 7- Bonus Challenges/2. Build a Responsive 2 Column Layout.ts

32 MB

Module 7- Bonus Challenges/3. Build a Responsive Table.ts

12 MB

Module 7- Bonus Challenges/4. Create a Grid Box.ts

10 MB

Module 7- Bonus Challenges/5. Build a Scalable Progress Bar.ts

8.7 MB

Module 8 - Prototypes & Animations/1. Chapter Overview.ts

5.4 MB

Module 8 - Prototypes & Animations/10. Final Challenges (Part 3).ts

38 MB

Module 8 - Prototypes & Animations/11. Intro to Part 2.ts

9.7 MB

Module 8 - Prototypes & Animations/12. Design a Sidebar & Loading State.ts

37 MB

Module 8 - Prototypes & Animations/13. Design a Dashboard.ts

54 MB

Module 8 - Prototypes & Animations/14. Design the Customer View (Rows).ts

38 MB

Module 8 - Prototypes & Animations/15. Design the Customer View (Grid).ts

28 MB

Module 8 - Prototypes & Animations/16. Design the Add New Customer Modal.ts

26 MB

Module 8 - Prototypes & Animations/17. Design the Success Message.ts

35 MB

Module 8 - Prototypes & Animations/18. Plan your Prototype Sequence.ts

30 MB

Module 8 - Prototypes & Animations/19. Build your Prototype.ts

50 MB

Module 8 - Prototypes & Animations/2. Smart Animate Overview.ts

44 MB

Module 8 - Prototypes & Animations/20. Interactive Components Challenge (Part 1).ts

29 MB

Module 8 - Prototypes & Animations/21. Interactive Components Challenge (Part 2).ts

42 MB

Module 8 - Prototypes & Animations/3. Animation Types.ts

14 MB

Module 8 - Prototypes & Animations/4. Animation Type.ts

83 MB

Module 8 - Prototypes & Animations/5. Easing the Easy Way.ts

38 MB

Module 8 - Prototypes & Animations/6. Figma Animation Prototype.ts

26 MB

Module 8 - Prototypes & Animations/7. Custom Figma Transitions.ts

67 MB

Module 8 - Prototypes & Animations/8. Final Challenges (Part 1).ts

35 MB

Module 8 - Prototypes & Animations/9. Final Challenges (Part 2).ts

15 MB

Module 8 - Prototypes & Animations/Animations & Prototyping (Starter & Solutions File).zip

37 MB

Resourses/01. Getting Started.fig

6.3 MB

Resourses/02. Design System.fig

932 kB

Resourses/03. Project Exercise.fig

68 MB

Resourses/04. Bonus Challenges.fig

6.3 MB

Resourses/Designership-Design System/Designership Design System v.1.3.1.fig

31 MB

Resourses/Designership-Design System/Watch Me First.mp4

77 MB

Resourses/Designership-Design System/_Designership Design System v.1.3.1.fig

329 B

Resourses/[RESOURCE] Design Implementation Walkthrough.fig

4.2 MB

Resourses/[RESOURCE] Project Starter Template.fig

47 MB

Resourses/[RESOURCE] Real Project File.fig

78 MB

Resourses/[SOLUTIONS] 03. Project Exercise.fig

75 MB

Resourses/[SOLUTION] 02. Design System.fig

1.5 MB