What is the User Journey in Figma

Updated on: September 26, 2022

To understand the User Journey, just imagine that every time you open an app, you being to explore, search, and map the different options the app provides and if it satisfies what you're looking for. In this tutorial, we will explain What is the User Journey.

The User Journey

When it comes to UI (User Interface) design, it’s important to approach the process as artists do when they’re starting a painting, they first create a draft. We hope the term journey starts making sense to you because most of the terms we will use are related to this concept (Journey, mapping, drafting, navigating, and so on.) This process is also known as the User Flow Diagram or Customer Journey Mapping. It doesn’t matter what you prefer to call it. Its purpose is to intuitively lead the user through the experience of the interface, website, or application you’re producing with Figma and engage the user in the long run. 

What does this Journey look like?

If you take a look at a map -let’s think about a traveling app-, you will see key elements that help you prepare for your journey, and that comes with questions like “Where do you wanna go?” “How long will you be staying?” “Which places would you like to visit?”  and more. Our User Journey map must include key elements as well, such as: 

  • Identifying important interactions with the website or application.
  • Describing in detail the customer’s goals, motivations, and feelings at each step.

Once you gather all this info, the User Journey Map should look something like the image of reference below. As you see it describes visually, like a floor map, how the user is going to interact with the app or website, if we want to fulfill their needs.


Don’t get overwhelmed as we are in this together.

In our next tutorial, you will learn how to prepare the User Journey, what to keep in mind while creating it, how to not get lost in it, and how Figma will help us do so.

Access 2,701+ video lessons. Instantly.
Start Learning Now →
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram