Learn Prototyping

Bring your designs to life with interactive prototypes that allow you to test and refine your design ideas. These tutorials teach you everything you need to know.
  1. What is Adobe XD?

    What is Adobe XD?

    Tutorial Beginner

    Adobe XD is a vector-based UI and UX design tool. Let’s take a look at what it offers designers and why it’s become such a powerful tool in the web design...

  2. Comparing AI-Based Prototyping Tools: Which One Is Right for Your Web Design Project?

    Comparing AI-Based Prototyping Tools: Which One Is Right for Your Web Design Project?

    Tutorial Beginner

    Prototyping tools that integrate AI tech for web design projects are emerging left and right. Let’s explore how they stack up when compared.

  3. How to Create a Banking App Prototype in Adobe XD

    How to Create a Banking App Prototype in Adobe XD

    Tutorial Beginner

    Learn how to create a banking app prototype in Adobe XD. This tool makes it easy for designers to communicate ideas, animations and interactions to clients...

  4. How To Animate a Photo Gallery in an Adobe XD Prototype

    How To Animate a Photo Gallery in an Adobe XD Prototype

    Tutorial Beginner

    The more realistic your web designs look, the easier it will be to sell your ideas to clients. In this Adobe XD tutorial I'll guide you through quick and...

  5. 3 Ways to Enhance UX With Motion Design

    3 Ways to Enhance UX With Motion Design

    Tutorial Beginner

    Communication, feedback, and wayfinding are just a few impactful ways motion design can be used to improve UX. Let’s look at some examples!

  6. How to Use 3D Transforms in Adobe XD

    How to Use 3D Transforms in Adobe XD

    Tutorial Beginner

    In this tutorial I’ll explain how to use 3D transforms in Adobe XD; a brand new feature introduced at Adobe MAX in October 2020.

  7. How to Create a Hotel Booking UI Design in Adobe XD

    How to Create a Hotel Booking UI Design in Adobe XD

    Tutorial Intermediate

    In this tutorial you will learn how to create a hotel booking app design in Adobe XD. Being Adobe XD we’ll be able to build much more than just a static...

  8. How to Create High-Fidelity Prototypes With ProtoPie

    How to Create High-Fidelity Prototypes With ProtoPie

    Course Beginner

    Prototypes are key elements in any design process. They allow a designer to present clients with a realistic, interactive version of their project—all...

  9. How to Prototype and Share Your First Mobile App With Adobe XD

    How to Prototype and Share Your First Mobile App With Adobe XD

    Tutorial Beginner

    In my last tutorial, I showed you how to wireframe a mobile app in Adobe XD. In this tutorial we will pick up where we left off and turn that wireframe into...

  10. New Course: Going Beyond the Basics With InVision Studio

    New Course: Going Beyond the Basics With InVision Studio

    Tutorial Beginner

    Want to get the most out of an awesome screen design tool? Try our short course, Going Beyond the Basics With InVision Studio.

  11. The Testing Phase of Design Thinking

    The Testing Phase of Design Thinking

    Tutorial Beginner

    Testing is the space for users to experience a prototype without guided questions from the team. It is the opportunity for the Design Thinking team to...

  12. Exploring the Adobe XD October 2018 Update

    Exploring the Adobe XD October 2018 Update

    Tutorial Beginner

    This year’s Adobe Max conference announced, as usual, plenty of feature updates to Adobe products. Among those updates were some very interesting features...