KickDemoKickDemo
Start free

Motion StudioPath controls

Path Curve Controls

Adjust a connector’s curve until the path fits the scene.

Explore the feature Talk to our team
A selected connector curves between two visual elements with its bend shown clearly.
The Path Curve Bend control adjusts the route’s arc while the canvas shows the result.

Shape the route on canvas

Give every connection room to breathe.

Adjust the curve of a connector to fit the space between objects. The selected path and its destinations stay visible while you refine the bend.

Shape the arc

Adjust the selected branch’s curvature from its inspector.

Keep objects in view

Review the connector against the surrounding canvas elements.

Refine each path

Tune a branch’s bend without changing the rest of the scene.

Path Curve ControlsIn context
How this step reads inside the walkthrough editor

In Motion Studio

Tune the bend and watch the path change.

The inspector exposes Path Curvature / Arc Bend for a selected branch. Adjust the value or its canvas control point, then check how the line sits around nearby objects.

  • Select a connector
  • Adjust Path Curvature / Arc Bend
  • Review the line around nearby elements

Inside the workflow

From selected connector to balanced curve

Select the path, refine its curvature, and review it beside the objects it joins.

  1. 01

    Select the branch

    Choose the connector whose path needs more or less bend.

  2. 02

    Adjust its curvature

    Move the Path Curvature / Arc Bend control or drag its canvas point.

  3. 03

    Review the composition

    Check the adjusted route against the nearby elements and preview it.

Product video

Show Path Curve Controls 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.custom-curve-controls.mp4

Where it helps

Shape a path around the scene.

A deliberate curve keeps connections legible when a straight route would crowd the scene.

Product marketing

Keep a connector clear of product cards in a feature overview.

Sales teams

Make a multi-branch explanation easier to scan during a product walkthrough.

Customer education

Separate neighboring routes so each next step remains clear.

Continue exploring

Build on this part of the workflow.

All features
Motion StudioAnimated Flow Connectors

Choose whether workflow nodes appear before their connectors draw into view.

Motion StudioMotion Studio Timeline

Arrange camera moves and animation clips on the Motion Studio timeline.

Motion StudioStaggered Entrance Animation

Set the stagger delay for a group entrance in Motion Studio.

A few useful details

Questions about path controls.

Where do I change a branch’s curve?

Select the branch and adjust Path Curvature / Arc Bend in the inspector.

Can I adjust one destination separately?

Yes. Each branch target can have its own curvature setting.

Can I preview the updated path?

Yes. Review the line on the canvas and play the scene to check the result.

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.

Get started for freeBook a live demo