Skip to main content
A flow is a user journey, and on the canvas each flow lives inside a frame. Frames keep multiple flows organized in one project and make side-by-side comparison easy.

​
Why frames

When you capture a URL, the resulting screens are grouped into a frame. If you compare multiple URLs, each one gets its own frame, so you can line up products and compare them at a glance.

Stay organized

Keep several flows in one project without them getting tangled.

Compare side by side

Place frames next to each other for benchmarking.

​
Working with frames

  • Start a new flow: use the new flow tool in the toolbar, or the shortcut next to your existing flows.
  • Move screens between frames: drag a screen from one frame to another to reorganize.
  • Add to a frame: drop an uploaded image inside a frame to add it to that flow. See Add screens manually.
  • Label: frames are labeled so you can tell flows apart at a glance.

​
Build comparisons

The most common pattern for benchmarking:
1

Capture or add your first flow

Start with one product or journey in its own frame.
2

Add more flows

Capture additional URLs, start a new flow, or import more screens. Each becomes its own frame.
3

Arrange for comparison

Position frames next to each other and zoom out to see the whole picture.
4

Annotate and analyze

Add comments and ask Flow chat to compare.
Use slash commands like grouping by page type or URL to reorganize screens within a flow without dragging each one.