arrow-right-to-arcConnections

circle-info

Head back to the Connect Nodes chapter if you need a quick reminder on how to create connections.

Connection lines display the association between two nodes in the graph. In simple terms, they express how data flow from one node’s output to another node’s input. Each connection line displays a label showing which property it currently controls, such as radius, x, color.

Once a connection is created, you can quickly change which property it controls in two simple ways.

Using the Connection Menu

  1. Right-click anywhere on a connection line.

  2. A Connection Menu appears with:

    • A "Switch to property" section listing all compatible properties

    • Available properties are shown with normal opacity

    • Occupied properties are shown dimmed and can't be selected.

    • A “Disconnect” option at the bottom

  3. Click any available property to switch the connection. arrow-right-long The connection updates instantly, and the label text changes to the new property.

circle-info

The connection lines formed between renderable nodes, such as shapes and effects, are displayed with an accent color (green on the default theme) and denote an output chain.

Using the Label Arrows

When you hover over a connection label, left (←) and right (→) arrows appear next to it (if there are other compatible properties):

  • Click ← / → to cycle through compatible properties directly from the label.

  • The connection jumps to the previous or next property in the list.

  • The label updates immediately to show the new property name.

This makes it possible to quickly audition different properties (e.g switching a Number node between radius, x, and y) without opening any menus.

circle-info

If no switching options appear, all compatible properties are already occupied by other connections, and only the “Disconnect” option will be available.

Last updated