Motion StudioConnector reveal

Animated Flow Connectors

Reveal a connected path as each destination comes into view.

Connected workflow cards with a blue route joining each destination.
The nodes appear first, then the connector draws the route between them.

Show how the pieces connect

Let the path draw the viewer forward.

Motion Studio can reveal nodes before the connector draws between them, or bring the nodes and paths in together. The order makes a connected workflow easier to follow.

Reveal the path

Draw a connector after its destination nodes appear.

Keep the route readable

Make the start and destination clear as the line is revealed.

Preview the timing

Check how the connector joins the scene before export.

Animated Flow ConnectorsIn context
How this step reads inside the walkthrough editor

In Motion Studio

Choose how the route appears.

Set whether nodes appear first or arrive with the connector. Preview the reveal to see how a path links its starting point to each destination.

  • Show nodes before the connector
  • Reveal nodes and paths together
  • Preview the route in the scene

Inside the workflow

From nodes on canvas to a clear route

Place the objects, choose their reveal order, and preview how the connection reads in the finished scene.

  1. 01

    Place the objects

    Arrange the cards or visual elements that make up the path.

  2. 02

    Choose the reveal order

    Set whether the nodes appear first or the nodes and connector arrive together.

  3. 03

    Preview the connection

    Play the scene and check that the route is easy to follow.

Product video

Show Animated Flow Connectors in the workspace.

Record the control, the change it makes, and the result on screen.

Feature recording to addFeature recording · 16:9
Please add a video hereRecord this feature in the KickDemo workspace.dynamic-flow-connectors.mp4

Where it helps

Make the route easy to read.

A drawn connector helps viewers understand which objects belong to a connected flow.

Product marketing

Show how a set of product steps or integrations connect in a short video.

Sales teams

Walk through a connected process while the route appears on screen.

Customer education

Explain how a viewer moves from one part of a workflow to the next.

A few useful details

Questions about connector reveal.

How can a connector appear?

Motion Studio supports showing the nodes first and then drawing the connector, or showing the nodes while the connector draws.

Can I preview the connector reveal?

Yes. Play the scene in Motion Studio to review the order and timing.

Does the connector work with a multi-step route?

Connectors can link visual elements in a route. The canvas lets you review how the connections read together.

KickDemo CTA banner background

Turn product curiosity into closed-won revenue

Build interactive walkthroughs, personalize prospect links, and export 60 FPS motion videos without writing code or waiting on engineering.