Links
Understand connection links in ComfyUI
As ComfyUI is still in rapid iteration and development, we are continuously improving it every day. Therefore, some operations mentioned in this article may change or be omitted. Please refer to the actual interface. If you find changes in actual operations, it may be due to our iterative updates. You can also fork this repo and help us improve this documentation.
Links connect nodes
In the terminology of ComfyUI, the lines or curves between nodes are called links. They’re also known as connections or wires. Links can be displayed in several ways, such as curves, right angles, straight lines, or completely hidden.
You can modify the link style in Setup Menu —> Display (Lite Graph) —> Graph —> Link Render Mode.
You can also temporarily hide links in the Canvas Menu.
Link display is crucial. Depending on the situation, it may be necessary to see all links. Especially when learning, sharing, or even just understanding workflows, the visibility of links enables users to follow the flow of data through the graph. For packaged workflows that aren’t intended to be altered, it might make sense to hide the links to reduce clutter.
Reroute node
If legibility of the graph structure is important, then link wires can be manually routed in the 2D space of the graph with a tiny node called Reroute. Its purpose is to position the beginning and/or end points of link wires to ensure visibility. We can design a workflow so that link wires don’t pass behind nodes, don’t cross other link wires, and so on.
We are also continuously improving the native reroute functionality in litegraph. We recommend using this feature in the future to reorganize connections.
Color-coding
The data type of node properties is indicated by color coding of input/output ports and link connection wires. We can always tell which inputs and outputs can be connected to one another by their color. Ports can only be connected to other ports of the same color to ensure matching data types.
Common data types:
| Data type | Color |
|---|---|
| diffusion model | lavender |
| CLIP model | yellow |
| VAE model | rose |
| conditioning | orange |
| latent image | pink |
| pixel image | blue |
| mask | green |
| number (integer or float) | light green |
| mesh | bright green |