Multi-step flows in Figma - Dashboard Guide

Dashboard Mode - Multi-step flows

Goal: Understand User Progress Through a Multi-Step Signup Flow

This dashboard helps us see how many users start and complete each step of a signup process. It answers: "Where do users drop off?" and "How many finish the signup?"

Sample Data: User Signup Steps

User ID	Step	Status	Timestamp
U001	Step 1: Enter Email	Completed	2024-06-01 09:00
U001	Step 2: Verify Email	Completed	2024-06-01 09:05
U001	Step 3: Set Password	Completed	2024-06-01 09:07
U002	Step 1: Enter Email	Completed	2024-06-01 09:10
U002	Step 2: Verify Email	Failed	2024-06-01 09:15
U003	Step 1: Enter Email	Completed	2024-06-01 09:20
U003	Step 2: Verify Email	Completed	2024-06-01 09:25
U003	Step 3: Set Password	Failed	2024-06-01 09:30
U004	Step 1: Enter Email	Completed	2024-06-01 09:35
U004	Step 2: Verify Email	Completed	2024-06-01 09:40
U004	Step 3: Set Password	Completed	2024-06-01 09:45

Dashboard Components

• KPI Cards: Show total users started, completed each step, and final completions.
  • Total Users Started = COUNT(DISTINCT User ID where Step = 'Step 1: Enter Email' and Status = 'Completed') = 4
  • Completed Step 2 = COUNT(DISTINCT User ID where Step = 'Step 2: Verify Email' and Status = 'Completed') = 3
  • Completed Step 3 = COUNT(DISTINCT User ID where Step = 'Step 3: Set Password' and Status = 'Completed') = 3
• Funnel Chart: Visualizes user drop-off across steps.
  • Steps on X-axis: Step 1, Step 2, Step 3
  • Y-axis: Number of users completed each step (4, 3, 3)
• Table: Lists users with their last completed step and status.
  • Columns: User ID, Last Step Completed, Status
  • Example row: U002, Step 1, Failed at Step 2

Dashboard Layout

+----------------------+-----------------------+
|      KPI Cards       |      Funnel Chart      |
|  (Total, Step 2, 3)  |                       |
+----------------------+-----------------------+
|                      User Progress Table                      |
+--------------------------------------------------------------+
  

Interactivity

Filter by Status: Choose Completed or Failed to update KPI cards, funnel, and table.

Filter by Step: Select a step to see users currently at or beyond that step.

All filters update all components to keep data consistent and show where users are in the flow.

Self Check

Apply a filter to show only users with Status = 'Failed'. Which components update and what changes?

• KPI Cards: Numbers decrease showing only failed users.
• Funnel Chart: Bars shrink to show fewer users completing steps.
• User Table: Shows only users who failed and their last step.

Key Result

Dashboard shows user counts and drop-offs at each step of a signup flow with KPIs, funnel chart, and user progress table.