Visual Diagram

A drag-and-drop canvas for laying out your wiring harness visually.

Last updated: May 22, 2026

Visual Diagram canvas showing a wiring harness layout
Canvas Controls
Configure your workspace before you start laying out the harness

Page Setup

Click Page Setup in the toolbar to choose your canvas page size. The more complex the harness, the larger the page size you'll want.

Zoom

Use the zoom in/out controls in the toolbar to adjust your view of the canvas.

PDF Export

Export your finished diagram to PDF using the export button in the toolbar.

Moving Objects
Drag connectors, splices, labels, images and logos to arrange your harness

Moving Objects

Click and drag from the centre of any connector, splice, label, or logo to reposition it. Moving a connector circle or splice rectangle also moves its attached images and labels together as a group.

Independent Movement

Connector images and labels can be dragged independently of the connector circle, letting you fine-tune their position without moving the connector itself.

Connector Images
Resize, hide, restore, and switch connector face images

Resize

Click a connector image to reveal its resize handles, then click and drag a handle to make it larger or smaller.

Hide & Restore

Right-click a connector image and select Hide Image to remove it from view. To bring it back, right-click the connector circle and select Restore connector image.

Change Image View

Right-click a connector image and select Change Image to switch between available views, for example swapping from the main image to the rear-face image.

Lengths
Draw and shape the wire runs between connectors, splices, and branches

Creating a Length

Hover over the edge of a connector, splice, or branch until the arrow icon appears, then drag to another connector, splice, or branch. A pop-up will ask for the length value before it is saved.

Adding Bends (Waypoints)

Click anywhere along a length line to add a waypoint, then drag that point to route the wire around obstacles. Double-click a waypoint to remove it.

Merging Splices
Combine splice nodes visually and split them back apart

Drag one splice on top of another - an orange highlight indicates a valid merge point. Confirm the merge in the pop-up, or cancel to undo. Merged splices can be separated again by right-clicking the combined node and selecting Split Node.

Measurements & Cut List
Control measurement visibility and generate cut lists from the diagram

Hide Measurements

SHOP / PRO users can toggle measurements off from the diagram view, hiding proprietary measurement data when sharing the diagram externally.

Cut List

Generating a cut list creates lengths based on the shortest available path through the harness, derived directly from the diagram layout.