Developers floww.pro

CORE CONCEPTS

The Infinite Canvas

Navigate, organize, and manipulate your workflow on Floww's infinite canvas.

The canvas is your primary workspace in Floww. It is an infinite two-dimensional surface where you place, connect, and arrange nodes. There are no boundaries—you can pan in any direction and zoom to any level, giving you room to build workflows of any size and complexity.

Moving around the canvas is designed to feel natural, whether you use a mouse, trackpad, or keyboard.

Panning

  • Middle-click + drag — Hold the middle mouse button and drag to pan the canvas.
  • Space + drag — Hold Space and left-click drag. The cursor changes to a hand to indicate pan mode.
  • Two-finger scroll — On a trackpad, use two-finger scrolling to pan horizontally and vertically.

Zooming

  • Scroll wheel — Scroll up to zoom in, down to zoom out. Zoom is centered on the cursor position.
  • Pinch gesture — On a trackpad, pinch to zoom in and out.
  • Ctrl + = / Ctrl + - — Zoom in or out in fixed increments.
  • Ctrl + 0 — Reset zoom to 100%.

Fit to View

Press F to fit all nodes into the current viewport. If you have a selection, only the selected nodes are fitted. This is useful for quickly re-orienting yourself in a large workflow.

Tip
Double-press F to fit with extra padding, giving you breathing room around the edges of your node graph.

Selecting Nodes

Selection is the foundation of most canvas operations. Selected nodes are highlighted with a blue border.

  • Click a node to select it. Any previous selection is cleared.
  • Shift + click to add or remove a node from the current selection.
  • Click on empty canvas to deselect all nodes.
  • Ctrl + A to select all nodes on the canvas.

When multiple nodes are selected, you can move them as a group by dragging any one of them. All wires between selected nodes move with them.

Lasso Select

For selecting a region of nodes at once, use lasso selection:

  1. Click and drag on an empty area of the canvas.
  2. A selection rectangle appears as you drag.
  3. Any node that overlaps the rectangle is included in the selection when you release.

Hold Shift while lasso-selecting to add to your existing selection instead of replacing it. This lets you build up complex selections across different areas of the canvas.

Selection vs. Panning
Clicking and dragging on empty space creates a lasso selection. To pan instead, use middle-click drag or hold Space first. This distinction keeps both actions accessible without conflicting.

Grouping

Groups let you visually organize related nodes into labeled, colored regions on the canvas. Groups are purely organizational—they do not affect execution order.

Creating a Group

  1. Select two or more nodes.
  2. Right-click and choose Group Selection (or press Ctrl + G).
  3. A colored rectangle appears behind the selected nodes with a label field at the top.
  4. Type a name for the group and press Enter.

Customizing Groups

  • Resize — Drag the edges or corners of the group rectangle to resize it.
  • Color — Right-click the group header and pick a color from the palette. Eight predefined colors are available.
  • Rename — Double-click the group label to edit it.
  • Move — Drag the group header bar to move the group and all nodes inside it.

To ungroup, right-click the group header and select Ungroup. The nodes remain in place but the group rectangle is removed.

Keyboard Shortcuts

Floww provides keyboard shortcuts for all common canvas operations. These shortcuts are active whenever the canvas has focus.

Action Shortcut
Add node (open picker) A or double-click canvas
Delete selected Delete or Backspace
Duplicate selected Ctrl + D
Copy / Paste Ctrl + C / Ctrl + V
Undo Ctrl + Z
Redo Ctrl + Shift + Z
Select all Ctrl + A
Group selection Ctrl + G
Fit to view F
Zoom in / out Ctrl + = / Ctrl + -
Reset zoom Ctrl + 0
Run workflow Ctrl + Enter
Run selected node Enter
Search docs Ctrl + K
Tip
Press ? on the canvas to open a quick-reference panel showing all keyboard shortcuts.

Canvas Settings

Fine-tune the canvas behavior from Settings > Canvas (or press Ctrl + ,).

Grid Snap

When enabled, nodes snap to an invisible grid as you drag them. This keeps your layout tidy without manual alignment. The default grid size is 20 pixels, but you can change it to 10, 20, or 40.

Zoom Level

The zoom range spans from 10% to 400%. The current zoom level is displayed in the bottom-left corner of the canvas. Click on it to type an exact zoom percentage.

Minimap

The minimap is a small overview panel in the bottom-right corner that shows your entire workflow at a glance. It highlights which region is currently visible in the viewport. You can click and drag on the minimap to quickly navigate to a different area.

  • Toggle minimap: M or via Settings.
  • Resize minimap: Drag the top-left corner of the minimap panel.
Performance
For very large workflows (200+ nodes), you may want to disable the minimap to reduce rendering overhead. Floww will suggest this automatically if it detects sustained low frame rates.
↑↓ Navigate ↵ Open Esc Close