Editor basics

The editor is three panes: a preview canvas on the left, a node graph on the upper right, and a parameters panel on the lower right. You wire nodes together in the graph; the canvas shows the result of whatever terminal node (usually Output) is active.

The graph#

Every node has inputs on its left edge and outputs on its right. Drag from an output to an input to wire them. Sockets are colored by data type: blue for image, pink for mask, green for UV, and so on — only matching colors can connect.

Adding a node#

• Press Shift + A anywhere on the graph to open the search palette. Type to filter, arrow keys to navigate, Enter to add.
• Or use the Node menu in the top menu bar — same list, grouped into columns by data type (Image / Spline / Point / Audio) and role (Generator / Modifier / Utility).
• Drag an output wire out onto empty pane — when you let go, the search palette opens pre-filtered. Pick a node and it’ll auto-wire itself to your drop.

Connecting, disconnecting, splicing#

• Drag from an output socket to an input to create a wire.
• Drag a node over an existing wire to splice it in.
• Alt+drag on a wire cuts it; Shift+drag merges two wires at a junction.
• To detach a node from its neighbors entirely: select it and Cmd+drag.

Selecting and moving#

• Left-click drags a marquee selection.
• Middle-click drags the canvas.
• Scroll zooms; two-finger trackpad swipe pans (the browser back-gesture is disabled so this feels natural).

The parameters panel#

Selecting a node shows its parameters on the lower right. Drag sliders to adjust; click the circle next to a param to expose it as a socket, so another node can drive it. When a param is driven by an incoming wire, its slider displays grayed out — the incoming value wins.

Customizing a slider's range#

Right-click any scalar slider to open a small popover that lets you override its Min, Max, and optional Soft max. Useful when the default range is too wide for the precision you need, or too narrow for an extreme effect. The override saves with the project — the slider thumb gets a subtle accent and the number input picks up a blue border so you can see at a glance which params you've re-ranged. Hit Reset in the popover to drop the override and snap back to the param def's defaults.

Tip: the number input still lets you type values past the slider's soft max — that's the whole reason soft max exists. Set Min / Max for the slider's pinned range; set Soft max for the slider's visible range (with the number input as the escape hatch).

Saving your work#

The file-name pill in the center of the menu bar shows the current project name with a colored dot: green = saved, yellow = unsaved changes, red = a save failed. Clicking the pill lets you rename the project or flip it between Public and Private.

• ⌘+S saves (or opens the name prompt if this is a fresh project).
• ⇧+⌘+S is Save As (always prompts for a name).
• File → Save Incremental snapshots a numbered copy (foo_01, foo_02, …) without touching the current project.

Public vs. Private#

Your projects are private by default. Flipping a project to public (via the file-name pill) makes it visible to everyone in the Public tab of File → Load, attributed to your display name. Nobody but you can rename or overwrite it — if someone opens your public project and hits Save, their change forks a private copy of their own, leaving yours untouched.