Kalpana Docs
Kalpana Designer Studio

The flow board

Connect pages, redirect an arrow, rearrange pages and remove them from a flow.

The board is the map of a flow: each page as a picture, with arrows showing the order. Use it to build and rearrange a flow by dragging.

Build the flow

A flow is one line: it starts at the first page and ends at the last. Each arrow chip shows the transition and its length, such as "Fly 1.2 s".

Connect pages

Select the last page of the flow. A + knob appears at its right edge. Drag it onto another page to add that page to the end.

Redirect an arrow

Drag the dot at the end of an arrow onto a different page. If that page is already in the flow, the two pages swap places. You can also pick the page from Goes to in the right panel.

Remove a page

Select a page and choose the x (Remove from this flow), or press Delete or Backspace. The pages on either side join up.

Move around

ActionResult
Click a pageSelects it. The right panel shows Holds for and Camera
Drag a pageMoves it on the board
Click an arrow or chipSelects the transition
Click empty boardClears the selection
Zoom and panThe same as on the design canvas

Clicking a page in the left Pages list takes you to it on the board, if the flow shows it.

Use the right panel instead

With nothing selected, In this flow lists the pages in order. Drag a row to reorder and use the x to remove. Not in this flow lists the rest, each with Add.

Close in on a layer

A stop can show a whole page or close in on one of its layers, such as the product photo. Select the page, or the arrow that lands on it, and pick the layer from Camera in the right panel. Whole page goes back to the full page.

On a close-up, two more settings appear:

  • Padding is the space around the layer, in pixels.
  • Zoom scales the shot, as a percentage.

The board draws what the camera frames. Every transition works between a close-up and another page. When both ends of an arrow are on the same page, only Fly and Cut can be picked, because there is nothing to blend.

Why placement matters

Pages sit where the board puts them. A Fly crosses the gap between two pages, so moving a page changes that route. A Morph with Travel slides pages the way they sit on the board. Other transitions ignore placement. The colour in the gaps is Between pages, see Transition colours.

Try it

Using the three-page flow, drag Offer below Hook on the board. Select the arrow into Offer, choose Fly and play. Move it again and watch the route change.

Next

Was this page helpful?

Updated 4 Nov 2026

On this page