Day 1
Session 1: Introduction to Advanced Prototyping

• Overview of Figma’s advanced prototyping tools
• Understanding user flows and interaction design principles
• Setting up projects for complex prototyping

Session 2: Creating Dynamic User Flows

• Linking screens for complex navigation
• Incorporating conditional logic into user flows
• Managing and organizing large-scale prototypes

Session 3: Using Overlays and Interactions

• Designing interactive overlays and modals
• Configuring triggers and actions for interactions
• Testing prototypes with overlays

Day 2
Session 1: Mastering Animations in Figma

• Introduction to Figma’s smart animate feature
• Creating seamless transitions and animations
• Adding visual feedback with micro-interactions

Session 2: Advanced Animation Techniques

• Designing complex animations with multiple states
• Timing and easing for realistic animations
• Simulating real-world interactions in prototypes

Session 3: Prototyping for Web and Mobile

• Adapting prototypes for different devices
• Testing prototypes on web and mobile platforms
• Best practices for responsive interaction design

Day 3
Session 1: Collaborating on Interactive Prototypes

• Sharing prototypes with stakeholders
• Collecting and integrating feedback
• Using collaboration tools for team-based prototyping

Session 2: Real-World Project Application

• Hands-on activity: building a high-fidelity prototype for a complex project
• Group critique and refinement of designs
• Iterating based on usability testing feedback

Session 3: Exporting and Documenting Prototypes

• Preparing prototypes for developer handoff
• Exporting design specifications and assets
• Final Q&A and wrap-up of best practices