Prototyping Navigation in Figma

Great navigation isn’t just about looks—it’s about how it feels. In this online course, you’ll prototype mobile and desktop navigation patterns in Figma using best practices that make interactions seamless. From tab bars to side menus, you’ll create interactive prototypes that users love—and developers appreciate.

What you’ll learn

  • ✺

    Learn about mobile and desktop navigation patterns – Understand the UX and UI best practices behind seamless, intuitive navigation.

  • ✺

    Build interactive navigation for apps and the web – Prototype real-world flows like tab bars, side menus, and overlays that feel natural to users.

  • ✺

    Figma like a Pro with lifelike interactions – Go beyond static screens with smooth animations, smart transitions, and polished prototypes.

Curriculum

Module 1

Prototyping Basics & Interaction Primitives

Learn the fundamentals of prototyping in Figma, from linking screens to creating smooth animations. Master overlays, smart animate, and essential interaction techniques to bring your designs to life.

Module 2

Mobile Navigation Patterns

Explore the best navigation patterns for mobile apps, including tab bars, side menus, sheets, and alerts. Prototype real-world flows that feel intuitive and match platform expectations.

Module 3

Web & Desktop Navigation Patterns

Build navigation for larger screens, from sticky headers and dropdowns to side panels and accordions. Learn best practices to create seamless, scalable experiences across web and desktop.

Limited Enrollment

Limited Enrollment

Prototyping Navigation in Figma Online Course
£19.70
One time
✓ Learn about UX & UI best practices.
✓ Build interactive navigation for mobile and desktop.
✓ Figma like a Pro with lifelike interactions

✺ Frequently asked questions ✺

    1. Click sign up

    2. Make a one-time payment,

    3. Create an account.

    4. You'll get instant, lifetime access to the course and can learn at your own pace.

  • Nope! It’s a one-time purchase. No recurring fees—once you buy it, you own it forever.

  • You won’t. But if you do, I offer refunds—within reason. If you haven’t completed the whole course, just reach out.

  • Nope—but you should know the basics! If you’re comfortable with frames, text, and colours, you’re good to go. We’ll do a quick recap before diving into prototyping, so you can level up with confidence.

  • Yes! You’ll learn best-practice navigation patterns used in real-world apps and websites—so your prototypes feel professional and ready for development.

  • Figma evolves, and so will this course! I’ll update key lessons to keep up with new features and best practices.

Ready to Prototype Like a Pro?

Master the navigation patterns used in real apps and websites. Learn best practices, build interactive prototypes, and create designs that feel just right.

Prototyping Navigation in Figma Online Course
£19.70
One time