Module 1: Introduction to Figma

• Overview of Figma's features and benefits
• Setting up a Figma account and workspace
• Figma interface and basic navigation
• Keyboard shortcuts and tips for efficiency

Module 2: Design Basics

• Introduction to design principles
• Understanding visual hierarchy
• Working with color palettes and typography
• Creating shapes, lines, and icons
• Using layers and groups effectively

Module 3: Creating Mobile Designs

• Understanding mobile design principles
• Creating mobile wireframes and mockups
• Designing for different screen sizes and resolutions
• Using Figma plugins for mobile design
• Creating interactive prototypes for mobile

Project 1: Mobile App Design

• Design a mobile app from scratch
• Incorporate design principles and best practices
• Create a high-fidelity mockup and prototype
• Present and receive feedback on your design

Module 4: Creating Website Designs

• Introduction to website design principles
• Creating website wireframes and mockups
• Designing for responsive layouts and grids
• Using Figma plugins for web design
• Creating interactive prototypes for websites

Project 2: Website Design

• Design a website from scratch
• Incorporate design principles and best practices
• Create a high-fidelity mockup and prototype
• Present and receive feedback on your design

Module 5: Advanced Features and Techniques

• Creating custom styles and components
• Using design systems and libraries
• Collaborating with others on Figma
• Working with vectors and images
• Creating design documentation and assets

Project 3: Responsive Mobile Design

• Create a mobile design with a responsive layout that adapts to different devices
• Incorporate advanced features and techniques learned in module 5
• Create a high-fidelity mockup and prototype
• Present and receive feedback on your design

Project 4: Responsive Website Design

• Create a website design with a responsive layout that adapts to different devices
• Incorporate advanced features and techniques learned in module 5
• Create a high-fidelity mockup and prototype
• Present and receive feedback on your design

Module 6: Design Handoff and Collaboration

• Understanding design handoff and collaboration
• Using Figma's collaboration and sharing features
• Exporting and sharing design assets with developers and stakeholders
• Best practices for design handoff and collaboration