Clickraft
Nodes

Group

Visually organize nodes into labeled, colored groups on the canvas.

The Group node is a visual organization tool. It lets you group related nodes together on the canvas for clarity — but it has no effect on workflow execution. Data does not flow through groups.

Inputs & Outputs

This node has no inputs or outputs. It is purely visual.

How It Works

  1. Select two or more nodes on the canvas
  2. Press Cmd/Ctrl + G to group them (or use the toolbar Group button)
  3. The selected nodes are wrapped in a labeled, colored container
  4. Move the group to reposition all contained nodes together

To ungroup, select the group and press Cmd/Ctrl + Shift + G.

Configuration

SettingDescription
LabelName the group to describe its purpose (e.g., "Product Photography", "Social Media Output")
ColorChoose a background color to visually distinguish different sections of your workflow
CollapseCollapse the group to hide its contents and save canvas space

Use Cases

  • Stage separation — Group nodes by workflow stage: "Input", "Generation", "Output"
  • Pipeline labeling — Label parallel branches: "Instagram 1:1", "Stories 9:16", "Facebook 16:9"
  • Team communication — Add context labels for collaborators working on the same canvas
  • Complex workflows — Keep large workflows readable by collapsing completed sections

Tips

  • Groups are purely visual — removing a group does not delete the nodes inside it
  • Use different colors to distinguish stages at a glance
  • Collapse groups you're not actively working on to reduce canvas clutter
  • Groups can be nested — place a group inside another group for hierarchical organization