Filename Size Course Sales Page.png 4.7 MB Module 1- Welcome/1. A warm welcome to all students.mp4 21.8 MB Module 1- Welcome/2. Install Files.mp4 16.7 MB Module 1- Welcome/3. Install Figma Plugins.mp4 14.7 MB Module 2 - Figma Project Management (Real Project)/1. Welcome.ts 16.9 MB Module 2 - Figma Project Management (Real Project)/2. Overview.ts 10.8 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.5 MB Module 2 - Figma Project Management (Real Project)/5. Moodboard.ts 21 MB Module 2 - Figma Project Management (Real Project)/6. Workspace.ts 34.7 MB Module 2 - Figma Project Management (Real Project)/7. Design feedback.ts 34.2 MB Module 2 - Figma Project Management (Real Project)/8. Final Designs.ts 16.5 MB Module 2 - Figma Project Management (Real Project)/9. Design Implementation.ts 42.6 MB Module 3 - Master Design Systems/1. Welcome.ts 15.8 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.2 MB Module 3 - Master Design Systems/12. Build a Dynamic & Scalable Button Set.ts 64.7 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.3 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 52.9 MB Module 3 - Master Design Systems/17. Advanced Input Systems (Part 3).ts 60.3 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.3 MB Module 3 - Master Design Systems/4. Build a Scalable Colour System (Dark Mode).ts 28.9 MB Module 3 - Master Design Systems/5. Build a Responsive Typgography Scale.ts 78.9 MB Module 3 - Master Design Systems/6. Responsive Grid Layouts (320px to 1440px, Including Fixed Sidebars).ts 39.6 MB Module 3 - Master Design Systems/7. How to Use the 4pt Grid.ts 18.2 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 56.8 MB Module 4 - Master Responsive UIDesign/1. Welcome.ts 17.6 MB Module 4 - Master Responsive UIDesign/10. Design a Responsive Footer.ts 51.9 MB Module 4 - Master Responsive UIDesign/11. Adding Prototype Interactions.ts 56.9 MB Module 4 - Master Responsive UIDesign/12. Managing the Design Feedback Process.ts 100.2 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.2 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 12.8 MB Module 4 - Master Responsive UIDesign/17. Building a Responsive Prototype.ts 100.2 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.1 MB Module 4 - Master Responsive UIDesign/4. Attaching a Design System.ts 3 MB Module 4 - Master Responsive UIDesign/5. Design a Responsive Header.ts 49.9 MB Module 4 - Master Responsive UIDesign/6. Design a Responsive Hero Banner.ts 66.4 MB Module 4 - Master Responsive UIDesign/7. Design a Responsive Masonry Grid.ts 65.2 MB Module 4 - Master Responsive UIDesign/8. Design a Responsive Floating CTA.ts 29.7 MB Module 4 - Master Responsive UIDesign/9. Design a Responsive 4 Col Layout.ts 31.7 MB Module 5 - Master Figma Components/1. Welcome.ts 7.6 MB Module 5 - Master Figma Components/10. Master Components.ts 22.6 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 35.6 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 MB Module 5 - Master Figma Components/7. Creating a New Set of Component Variants.ts 19.2 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.2 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 17.7 MB Module 6 - Design Implementation (Design Handover)/5. Preparing a File for Developers.ts 30.6 MB Module 6 - Design Implementation (Design Handover)/6. Documenting Designs for Developers.ts 88.6 MB Module 6 - Design Implementation (Design Handover)/7. Exporting SVG Icons.ts 24.5 MB Module 6 - Design Implementation (Design Handover)/8. Exporting PNG Icons.ts 11.9 MB Module 7- Bonus Challenges/1. Welcome.ts 6 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.4 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 37.7 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 36.9 MB Module 8 - Prototypes & Animations/13. Design a Dashboard.ts 53.7 MB Module 8 - Prototypes & Animations/14. Design the Customer View (Rows).ts 37.6 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.1 MB Module 8 - Prototypes & Animations/17. Design the Success Message.ts 34.6 MB Module 8 - Prototypes & Animations/18. Plan your Prototype Sequence.ts 29.9 MB Module 8 - Prototypes & Animations/19. Build your Prototype.ts 49.7 MB Module 8 - Prototypes & Animations/2. Smart Animate Overview.ts 44.4 MB Module 8 - Prototypes & Animations/20. Interactive Components Challenge (Part 1).ts 28.7 MB Module 8 - Prototypes & Animations/21. Interactive Components Challenge (Part 2).ts 42.1 MB Module 8 - Prototypes & Animations/3. Animation Types.ts 14.3 MB Module 8 - Prototypes & Animations/4. Animation Type.ts 82.7 MB Module 8 - Prototypes & Animations/5. Easing the Easy Way.ts 38.4 MB Module 8 - Prototypes & Animations/6. Figma Animation Prototype.ts 26.5 MB Module 8 - Prototypes & Animations/7. Custom Figma Transitions.ts 66.7 MB Module 8 - Prototypes & Animations/8. Final Challenges (Part 1).ts 34.7 MB Module 8 - Prototypes & Animations/9. Final Challenges (Part 2).ts 14.9 MB Module 8 - Prototypes & Animations/Animations & Prototyping (Starter & Solutions File).zip 36.8 MB Resourses/01. Getting Started.fig 6.3 MB Resourses/02. Design System.fig 932.5 KB Resourses/03. Project Exercise.fig 67.8 MB Resourses/04. Bonus Challenges.fig 6.3 MB