Session 17: Advanced Components and Prototyping Basics

Key Topics:

• Variants in Components:
  • Creating component variants (e.g., buttons with hover states).
  • Utilizing auto layout for responsive components.
• Prototyping Basics:
  • Setting up interactive prototypes.
  • Adding transitions between frames (e.g., slide, dissolve).
• Interactions:
  • Creating clickable buttons and navigation links.
  • Adding hover effects to elements.
• Project: Create a basic app prototype with clickable navigation.

Practice Activity:
Design and prototype a simple app interface with 3 screens (home, profile, and settings).