Connectify Docs
Login Start building
Feature

Build & Connect

The core authoring loop in Connectify: drop nodes on the canvas, wire their ports together, and let the type system catch mismatches before you run anything.

Adding a node

Open the editor and click the + Node button in the canvas toolbar, or drag a node from the left drawer onto the canvas. Pick the node type that matches what you're modeling:

Every node has a default label and a slug. Click the label to rename it; the slug stays stable so connections survive renames.

Wiring ports

Hover a node and you'll see input ports on the left and output ports on the right. To create a connection:

  1. Click and drag from an output port.
  2. Release on a compatible input port on another node.

Ports are color-coded by semantic type — image, tensor, float, string, label. Two ports connect cleanly when their types match.

Mismatched types? No problem.

If the types differ but a known adaptor exists, Connectify offers to insert one automatically — for example, jpg → png or float → tensor. See Type System & Adaptors for the full list.

Editing node config

Click any node to open the Inspector on the right. The Inspector has two tabs:

Press Escape or click anywhere on the canvas to dismiss the Inspector. A thin tab on the right edge of the canvas re-opens it for the last selected node.

Selecting and moving

Tidy up

Once your graph gets dense, hit the Tidy button in the canvas toolbar to auto-layout nodes into a clean topological flow. Tidy preserves selection and connections; it only repositions.

Saving and undo

Every mutation pushes onto a per-variant history stack. Use Cmd/Ctrl+Z to undo and Cmd/Ctrl+Shift+Z to redo. Your graph saves to local storage automatically; you don't need to hit save.

Local storage limit

Graphs persist in the browser. The history keeps the last 50 snapshots per variant. Older states are dropped silently — if you need a long-term checkpoint, fork the graph instead.