> ## Documentation Index
> Fetch the complete documentation index at: https://docs.floto.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flow Analysis

> Analyze your flows for missing paths and states

## Overview

Flow Analysis tests complete user journeys to identify missing paths, states, and friction points. Analyze static flows for edge cases or test interactive prototypes with real user tasks.

**Time per analysis**: \~2-3 minutes\
**Cost**: 75 credits per analysis\
**Frames**: 1-6 for missing states, 2-6 for flow testing

***

## Two Features

Choose how you want to analyze your flow:

### Missing States

Analyze static screens for missing states and edge cases.

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/missing-states.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=01c70c18012610e9aef59f5999c28368" alt="Missing States Analysis" width="720" height="405" data-path="images/flow-analysis/missing-states.png" />

**Select 1-6 frames** that are part of a flow. Floto identifies:

* Missing states and scenarios
* Incomplete edge cases
* Gaps in user journey
* State transitions that are missing

### Flow Testing

Test interactive prototypes to see how users navigate.

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/flow-testing.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=3cbab554a798f39f8258e98b7280a928" alt="Flow Testing" width="720" height="405" data-path="images/flow-analysis/flow-testing.png" />

**Select a start frame** + **define a task**.

Requirement: Figma prototype must be connected to your start frame (frames linked via prototype connections in Figma).

Task example: "Sign up for an account", "Complete checkout", "Find the pricing page"

Floto simulates:

* How users move through your prototype
* Where they get stuck or hesitate
* Where they'd drop off
* Unclear navigation paths

***

## How It Works

### Step 1: Open Flow Analysis

Click **Flow Analysis** in the Floto plugin.

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/step1.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=74ec619f5d5865cb6715ba22e9652f60" alt="Step 1: Open Flow Analysis" width="511" height="808" data-path="images/flow-analysis/step1.png" />

Test complete user journeys—onboarding, checkout, and any critical path. See where users get stuck before they hit production.

### Step 2: Choose Analysis Type

Select one of two types:

* **Missing States** - Find missing states and incomplete scenarios
* **Flow Testing** - Test how users move through your prototype

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/step2.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=7458db645446d9f20bb0db10086fbca7" alt="Step 2: Choose Analysis Type" width="500" height="808" data-path="images/flow-analysis/step2.png" />

***

### Step 3: Select Frames

**For Missing States:**

* Select 1-6 frames representing your flow
* Can be screens, wireframes, mockups, or components

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/step3-missing-states.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=83e1cac65ea0a6cadb2ccb0fd84f670e" alt="Step 3: Missing States Frames" width="500" height="808" data-path="images/flow-analysis/step3-missing-states.png" />

**For Flow Testing:**

* Select a start frame
* Figma prototype must be connected to that frame (prototype connections required)
* Define what users should accomplish:
  * "Sign up for an account"
  * "Complete checkout"
  * "Find pricing and select a plan"
  * "Reset a forgotten password"

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/step3-flow-testing.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=52a5943e6734e03b9eb8c492384dc94b" alt="Step 3: Flow Testing Frames" width="500" height="808" data-path="images/flow-analysis/step3-flow-testing.png" />

### Step 4: Review Results

**For Missing States:**

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/step-4-missing-states.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=1b26e53c801652a723e225cdf9c13931" alt="Step 4: Missing States Results" width="475" height="773" data-path="images/flow-analysis/step-4-missing-states.png" />

**For Flow Testing:**

<img src="https://mintcdn.com/floto-bbd601d3/gtAHo6n8OMRTuIV0/images/flow-analysis/step-4-flow-testing.png?fit=max&auto=format&n=gtAHo6n8OMRTuIV0&q=85&s=e7d5f07a396f97c89c9f31477f7bbb20" alt="Step 4: Flow Testing Results" width="500" height="808" data-path="images/flow-analysis/step-4-flow-testing.png" />

***

## Understanding Results

### Missing States Report

For each gap identified:

* **State** - What's missing
* **Context** - Where in the flow it's missing
* **Impact** - Why it matters for user experience
* **Fix** - How to add the missing state

### Flow Test Report

See how users navigate:

* **Path taken** - Which screens the AI visited
* **Task completion** - Did they achieve the goal?
* **Friction points** - Where they hesitated
* **Unclear interactions** - Buttons/paths that confused them
* **Drop-off points** - Where they got stuck

***

## Frame Requirements

### Supported Frames

* Figma frames, screens, components
* Wireframes and mockups
* Interactive prototypes (for flow testing)

### Frame Size

* No minimum size
* Maximum: 20MB per frame
* Recommended: 320px - 1920px width

### Frame Selection

**Missing States**: 1-6 frames

**Flow Testing**: 1 start frame

* Figma prototype must be connected to that frame
* Prototype connections required in Figma (interactions set up)

***

## FAQ

<Accordion title="Which should I use, Missing States or Flow Testing?">
  **Missing States** if you want to find incomplete states and edge cases in static designs. **Flow Testing** if you have an interactive prototype and want to see how users navigate to accomplish a task.
</Accordion>

<Accordion title="Do I need a fully interactive prototype for Flow Testing?">
  Yes. Frames should have logical navigation so users can move between them based on the task goal.
</Accordion>

<Accordion title="Can I test multiple flows?">
  Yes. Run separate analyses for different user journeys (onboarding, checkout, account settings, etc.).
</Accordion>

<Accordion title="What if my frames aren't interactive?">
  Use Missing States instead. It analyzes static screens without requiring navigation.
</Accordion>

<Accordion title="How many credits does an analysis cost?">
  Each analysis costs **75 credits**, whether Missing States or Flow Testing.
</Accordion>

<Accordion title="Can I see where exactly users get stuck?">
  Yes. Flow Testing shows friction points, hesitations, and drop-off locations in your flow.
</Accordion>

<Accordion title="What if the flow test doesn't complete the task?">
  The report shows where the AI got stuck or dropped off. Review that step to fix the unclear navigation or missing interaction.
</Accordion>

<Accordion title="Can I share flow analysis results?">
  Save and reference results from your project history. Share through your team workspace.
</Accordion>

***

## Next Steps

* Identify a critical user flow (signup, checkout, onboarding)
* Run Missing States analysis to find gaps
* Or test an interactive prototype with Flow Testing
* Review friction points and missing paths
* Update your design based on findings
* Retest to verify improvements
