Connect screens. Map the flow.

Select two frames and TopFlow draws an editable arrow between them. Move a frame and the arrow follows.

What you get

Arrows that followMove a frame and its connectors re-route live while TopFlow is running.

Straight, bend, curveCorner rounding up to 100 px and a gap-from-frame slider.

Style every endDot, solid arrow, V arrow, bar or none. Solid, dashed or dotted lines that scale with thickness.

Color and thicknessSix presets or any custom color. Thickness from 1 to 120 px.

Labels on arrowsAdd text like “Continue” or “Invalid”, up to 80 px.

Edit many at onceSelect several arrows and change them together. Choose which side each one attaches to.