The Ultimate Figma UI Masterclass
File List
| File | Size |
|---|---|
| The Ultimate Figma UI Masterclass/Course Sales Page.png | 4.71 MB |
| The Ultimate Figma UI Masterclass/Module 1- Welcome/1. A warm welcome to all students.mp4 | 21.84 MB |
| The Ultimate Figma UI Masterclass/Module 1- Welcome/2. Install Files.mp4 | 16.67 MB |
| The Ultimate Figma UI Masterclass/Module 1- Welcome/3. Install Figma Plugins.mp4 | 14.69 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/1. Welcome.ts | 16.88 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/2. Overview.ts | 10.8 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/3. Exploration.ts | 9.15 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/4. Wireframes.ts | 12.51 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/5. Moodboard.ts | 21.01 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/6. Workspace.ts | 34.66 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/7. Design feedback.ts | 34.25 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/8. Final Designs.ts | 16.48 MB |
| The Ultimate Figma UI Masterclass/Module 2 - Figma Project Management (Real Project)/9. Design Implementation.ts | 42.62 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/1. Welcome.ts | 15.84 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/10. Build a Drop Shadow System.ts | 9.17 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/11. Master the BEM Model & Component Matrix.ts | 10.24 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/12. Build a Dynamic & Scalable Button Set.ts | 64.72 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/13. Publish a Design System.ts | 6.34 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/14. Using Design Systems Across Multiple Projects.ts | 2.84 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/14_1. What is BEM.png | 17.33 KB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/15. Advanced Input Systems (Part 1).ts | 28.99 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/16. Advanced Input Systems (Part 2).ts | 52.95 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/17. Advanced Input Systems (Part 3).ts | 60.3 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/2. Atomic Design Framework.ts | 6.79 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/3. Build Style Guide (Neutrals).ts | 44.32 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/4. Build a Scalable Colour System (Dark Mode).ts | 28.86 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/5. Build a Responsive Typgography Scale.ts | 78.89 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/6. Responsive Grid Layouts (320px to 1440px, Including Fixed Sidebars).ts | 39.57 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/7. How to Use the 4pt Grid.ts | 18.23 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/8. Create a Vertical 4pt Grid.ts | 7.47 MB |
| The Ultimate Figma UI Masterclass/Module 3 - Master Design Systems/9. Build an Advanced Icon System (4 Sizes, 2 Colours).ts | 56.79 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/1. Welcome.ts | 17.62 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/10. Design a Responsive Footer.ts | 51.91 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/11. Adding Prototype Interactions.ts | 56.9 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/12. Managing the Design Feedback Process.ts | 100.24 KB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/13. Responsive Views - 1152px.ts | 8.19 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/14. Responsive Views - 768px.ts | 31.18 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/15. Responsive Views - 320px.ts | 60.04 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/16. Designing a Responsive Mobile Header.ts | 12.8 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/17. Building a Responsive Prototype.ts | 100.24 KB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/18. Preview designs with Figma Mirror.ts | 5.76 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/2. Understanding the Box Model.ts | 21.04 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/3. Understanding the CSS Flex box.ts | 11.08 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/4. Attaching a Design System.ts | 3.04 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/5. Design a Responsive Header.ts | 49.92 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/6. Design a Responsive Hero Banner.ts | 66.37 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/7. Design a Responsive Masonry Grid.ts | 65.22 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/8. Design a Responsive Floating CTA.ts | 29.68 MB |
| The Ultimate Figma UI Masterclass/Module 4 - Master Responsive UIDesign/9. Design a Responsive 4 Col Layout.ts | 31.68 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/1. Welcome.ts | 7.55 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/10. Master Components.ts | 22.58 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/11. Prevent Master Components from Publishing.ts | 9.92 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/2. When should you Componentize.ts | 9.4 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/3. Global vs Local Components.ts | 8.24 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/4. Creating Local & Global Components.ts | 35.58 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/5. Deleting Component Variants.ts | 2.84 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/6. Modifying a Component.ts | 2.01 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/7. Creating a New Set of Component Variants.ts | 19.16 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/8. Publishing Large Design Systems Workaround.ts | 2.4 MB |
| The Ultimate Figma UI Masterclass/Module 5 - Master Figma Components/9. Detaching Main Components.ts | 4.2 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/1. Welcome.ts | 9.25 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/2. Compressing Images.ts | 17.24 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/3. Compressing Images - FREE & High Quality Alternative.ts | 9.99 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/4. How to Run a Design Implementation Walkthrough.ts | 17.71 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/5. Preparing a File for Developers.ts | 30.6 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/6. Documenting Designs for Developers.ts | 88.63 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/7. Exporting SVG Icons.ts | 24.53 MB |
| The Ultimate Figma UI Masterclass/Module 6 - Design Implementation (Design Handover)/8. Exporting PNG Icons.ts | 11.86 MB |
| The Ultimate Figma UI Masterclass/Module 7- Bonus Challenges/1. Welcome.ts | 6.05 MB |
| The Ultimate Figma UI Masterclass/Module 7- Bonus Challenges/2. Build a Responsive 2 Column Layout.ts | 32.05 MB |
| The Ultimate Figma UI Masterclass/Module 7- Bonus Challenges/3. Build a Responsive Table.ts | 11.99 MB |
| The Ultimate Figma UI Masterclass/Module 7- Bonus Challenges/4. Create a Grid Box.ts | 10.38 MB |
| The Ultimate Figma UI Masterclass/Module 7- Bonus Challenges/5. Build a Scalable Progress Bar.ts | 8.66 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/1. Chapter Overview.ts | 5.4 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/10. Final Challenges (Part 3).ts | 37.74 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/11. Intro to Part 2.ts | 9.74 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/12. Design a Sidebar & Loading State.ts | 36.88 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/13. Design a Dashboard.ts | 53.74 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/14. Design the Customer View (Rows).ts | 37.61 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/15. Design the Customer View (Grid).ts | 27.97 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/16. Design the Add New Customer Modal.ts | 26.1 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/17. Design the Success Message.ts | 34.55 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/18. Plan your Prototype Sequence.ts | 29.94 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/19. Build your Prototype.ts | 49.68 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/2. Smart Animate Overview.ts | 44.38 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/20. Interactive Components Challenge (Part 1).ts | 28.66 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/21. Interactive Components Challenge (Part 2).ts | 42.1 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/3. Animation Types.ts | 14.29 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/4. Animation Type.ts | 82.7 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/5. Easing the Easy Way.ts | 38.35 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/6. Figma Animation Prototype.ts | 26.49 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/7. Custom Figma Transitions.ts | 66.71 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/8. Final Challenges (Part 1).ts | 34.66 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/9. Final Challenges (Part 2).ts | 14.91 MB |
| The Ultimate Figma UI Masterclass/Module 8 - Prototypes & Animations/Animations & Prototyping (Starter & Solutions File).zip | 36.77 MB |
| The Ultimate Figma UI Masterclass/Resourses/01. Getting Started.fig | 6.25 MB |
| The Ultimate Figma UI Masterclass/Resourses/02. Design System.fig | 932.46 KB |
| The Ultimate Figma UI Masterclass/Resourses/03. Project Exercise.fig | 67.82 MB |
| The Ultimate Figma UI Masterclass/Resourses/04. Bonus Challenges.fig | 6.31 MB |
| The Ultimate Figma UI Masterclass/Resourses/Designership-Design System/Designership Design System v.1.3.1.fig | 30.79 MB |
Trackers
No trackers found.