NodeFlow

Graph Workspace

Open a graph and use the shared tools for navigating, searching, arranging, and annotating it.

Opening a graph

Each integration has its own graph window.

IntegrationOpen it from Unity
QuestsWindow > NodeFlow > Quest, double-click a Quest asset, or right-click a Quest asset and choose Open in NodeFlow.
DialogueWindow > NodeFlow > Dialogue, then choose a Dialogue component in the graph field. You can also right-click a Dialogue component and choose Open in NodeFlow Dialogue.
LogicBlockWindow > NodeFlow > LogicBlock, right-click a Block asset and choose Open in NodeFlow, or select a Block and choose Assets > Open Selected LogicBlock in NodeFlow.
Visual ScriptingWindow > NodeFlow > Visual Scripting, right-click an Actions, Trigger, or Conditions component and choose Open in NodeFlow, or select a GameObject and choose GameObject > Game Creator > Visual Scripting > Open Selected in NodeFlow.

Every graph window has a field in its toolbar. Use it to choose a different Quest, Dialogue component, LogicBlock, or GameObject without closing the window.

The graph workspace

All NodeFlow integrations use the same basic workspace: a toolbar at the top, the graph in the middle, and a minimap in the bottom-left corner. Quest and Dialogue graphs also have an Inspector panel on the right.

Toolbar

The available buttons depend on the graph you have open, but the common buttons are:

  • Graph field: Choose what the window is showing.
  • Search: Search the current graph.
  • Set node theme: Give the selected nodes a colour theme. This is only for organisation.
  • Add sticky note: Add a note at the centre of the current view.
  • Reset view: Return the graph to its default zoom and position.

Quest and Dialogue graphs also have Toggle inspector. Hiding it gives the graph more room without losing the selected node.

Moving around

ActionControl
Pan the graphHold the middle mouse button and drag, or hold Alt and drag with the left mouse button.
ZoomUse the mouse wheel. The graph zooms around the mouse pointer.
Select a nodeLeft-click it.
Add or remove one node from the selectionCtrl-click on Windows/Linux or Cmd-click on macOS.
Box selectDrag on empty graph space. Hold Shift to add the box to the current selection.
Select all nodesCtrl/Cmd + A.
Move nodesDrag a node. Every selected node moves together.
Duplicate selected nodesCtrl/Cmd + D.
Delete selected nodesDelete or Backspace.
Open a node menuRight-click the node.

Nodes snap to nearby node edges while you move them. NodeFlow shows a guide when a horizontal or vertical edge is aligned.

Duplicating nodes

Select one or more nodes and press Ctrl/Cmd + D.

In Quest and Dialogue graphs, the copies are added as new root nodes just below and to the right of the originals. Their content and node theme are copied. If you duplicated both ends of a parent-child connection, that connection is copied too. Selecting only a parent does not automatically copy its children, so select the whole part of the tree you want to copy.

LogicBlock and Visual Scripting use the same shortcut, but duplicate the matching kind of item. For example, an instruction becomes another instruction, a branch becomes another branch, and a component node becomes another component when that action is supported.

Click the search button in the toolbar and type a word or phrase. NodeFlow searches node titles and visible content in the current graph.

  • The first match is focused automatically.
  • Matching text is highlighted inside matching nodes.
  • The counter shows the current result and total results, such as 1/3.
  • Press Enter or use the next-match button to move through the results.
  • Press Escape to close search and clear the highlights.

Minimap

The minimap shows the whole current graph. The blue rectangle is the part of the graph currently visible in the window.

Click or drag in the minimap to move the graph view quickly. Selected nodes are blue and search matches are yellow. On smaller graphs, the minimap also shows connections between related nodes.

Sticky notes

Sticky notes are for comments and planning. They do not affect the graph content or the game.

  • Add one with the toolbar button or the graph right-click menu.
  • Drag the note to move it.
  • Double-click its title or description to edit it.
  • Press Enter or click away to finish a title. A description is saved when it loses focus.
  • Use the X button in the note header to delete it.

Layout and refresh

Right-click empty graph space, or a node where available, to use:

  • Layout > Top Down
  • Layout > Left
  • Layout > Right
  • Refresh Graph

Layout only changes node positions. When you have a selection, NodeFlow lays out the selected part of the graph where that graph type supports it. With no selection, it lays out the current graph or list.

Use Refresh Graph after changing the same Quest, Dialogue, LogicBlock, or Visual Scripting component in another Unity window while NodeFlow is open.