Skip to main content

Flow Builder

The Flow Builder is Hyperclip’s visual node editor. It lets you design video generation workflows by connecting AI-powered nodes in a drag-and-drop canvas.

Concepts

Nodes

Each node represents a step in your video generation pipeline. There are 26 node types across 10 categories:

Connections

Nodes connect via handles — colored ports on the left (inputs) and right (outputs) of each node. Handle colors indicate data types:
  • Gold — Text data
  • Teal — Image data
  • Purple — Video data
  • Orange — Audio data
  • Gray — Any data type (used by Split and Collect)
You can only connect handles of the same data type.

Flows

A flow is the complete graph of connected nodes. When you run a flow, Hyperclip executes nodes in topological order — respecting the connections you’ve made.

The canvas

The flow builder canvas supports:
  • Pan — Click and drag the background
  • Zoom — Scroll wheel
  • Select — Click a node, or use box-select mode
  • Multi-select — Hold Shift and click multiple nodes
  • Fullscreen — Toggle fullscreen for more workspace
  • Mini-map — Navigate large flows with the overview in the bottom-left corner

Next steps

Adding Nodes

Learn how to add nodes to your flow

Connecting Nodes

Understand the handle and connection system