Prototyping allows you to simulate interactions before development begins.

This lesson covers:

• What is a prototype?

  • Clickable simulations to test and validate interactions

• Figma basics:

  • Frames, components, auto-layout, linking pages

• Creating navigation and interaction flows:

  • Buttons, hover states, overlays, animations

• Sharing and commenting:

  • Learn how to collaborate and collect feedback

Hands-on project: Create a clickable prototype of a mobile sign-up flow and test it with a peer.