Skip to main content

The Flow Canvas

How to navigate the flow canvas

Written by Holly Conrad Smith

Canvas Navigation

Pan

Click and drag to pan around the canvas.

Zoom

Scroll the center scroll-wheel of the mouse, or use two fingers on touchpad.

Select and Move Nodes

Click and drag a node to move it.

Hold shift and click to add more nodes to your current selection.

Hold shift and drag to marquee select multiple nodes.

Use ctrl + a to select all nodes.

Copy/Cut/Paste/Delete Nodes

Use ctrl + c to copy

Use ctrl + x to cut

Use ctrl + v to paste

Use del or backspace to remove a node

Use alt + drag to quick copy. This retains any wired connections.

Find a Node

Use ctrl + f to open Find and search for a node in the flow.

Right-Click Menu

Right click anywhere on the flow canvas to see the right-click menu.

Cut/Copy/Del

Another way to cut, copy, and delete from the menu.

Enable/Disable

Disable nodes to prevent their changes from being applied in the flow.

Bake Geometry

Turn the output of a node into separate geometries on the map. Giraffe creates a new geometry for each feature the selected nodes output. The new geometries have no flow attached.

Select a node.

Right click and select "Bake geometry"

Embed Data

Add the JSON for a geometry directly into a flow.

Select a feature node. Right click and select "Embed data"

Publish Empty Inputs

Select a node and choose "Publish empty inputs". Giraffe adds an Input Parameter node for each empty input on the node and connects it.

Upgrade

Shows when a selected node is outdated. Choose "Upgrade" to replace it with the current version of the node.

Expose Inputs

Shows when a selected node runs in Transform mode. Choose "Expose inputs" to replace it with the version that has a connector for each setting.

Align Top

Organize the flow canvas by aligning nodes.

Select multiple nodes and choose "align top."

Zoom to bounds

Right click and select "fit to view"

You can also use shortcut shift + f to fit the view to the selected nodes.

Help

Select a node and choose "Help" to open its Help Center article.

Add Node

Hover "Add Node" to browse nodes by category, then click a node to add it to the canvas.

Did this answer your question?