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.
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. Link styles You can modify the link style in Setup Menu —> Display (Lite Graph) —> Graph —> Link Render Mode. Canvas Menu You can also temporarily hide links in the Canvas Menu. 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. ComfyUI Reroute node We are also continuously improving the native reroute functionality in litegraph. We recommend using this feature in the future to reorganize connections. ComfyUI Native Reroute

​
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: ComfyUI Node Data Types
Data typeColor
diffusion modellavender
CLIP modelyellow
VAE modelrose
conditioningorange
latent imagepink
pixel imageblue
maskgreen
number (integer or float)light green
meshbright green