Nodes

overview nodes are the building blocks of every workflow in floyo each node performs a specific task, and you connect them together to create complete ai generation pipelines what are nodes? each node does a specific job loading a model, generating an image, adjusting a parameter, or passing data along you connect nodes together to define how your workflow runs, step by step component location description inputs left side where data enters the node outputs right side where processed data exits parameters node body settings you can adjust some nodes are interactive, letting you upload a file or view a preview directly in the workflow node states nodes update their status as the workflow runs you can see the current state by the colored border around each node state border color description normal default node is idle, ready to process running green node is currently processing error red something went wrong (missing input or bad connection) missing red outline node is not installed or has missing dependencies connections to build a workflow, you connect the output of one node to the input of another this tells floyo how data should flow through your workflow making connections click on an output slot (right side of a node) drag to an input slot (left side of another node) release to create the connection only compatible inputs and outputs can connect the color tells you whether two nodes can connect if they're not compatible, the connection won't work connections are drawn as lines between nodes, giving you a clear visual map of how your workflow is structured connection color codes every connection between nodes has a color that indicates what kind of data is flowing through the workflow learning the colors helps you instantly read and understand any workflow color data type description yellow clip converts your text into "ai language" that the model can understand red vae acts like a portal between the ai world and visible image; decodes/encodes between pixels and latent space blue rgb image standard images in pixel space; what you see when you export or preview pink latent space images in their compressed "ai native" form; this is where the magic happens orange conditioning control data like pose, depth maps, or segmentation; guides generation without changing your prompt green string basic text inputs like filenames, folder paths, or simple values purple ai model your actual model file diffusion models, checkpoints, loras, or other trained weights teal controlnet used specifically for sending controlnet data through your workflow 💡 tip each color gives you a clue about what's happening in your workflow if you see a purple line, you know a model is being loaded pink lines mean latent images are being processed tips & best practices follow the flow arrange nodes left to right following the data flow for easier reading check colors use connection colors to quickly understand what data is moving where watch for red red borders or outlines indicate errors or missing nodes that need attention hover for info hover over any node to see tooltips about its inputs and outputs related documentation https //docs floyo ai/adding nodes https //docs floyo ai/node settings https //docs floyo ai/core nodes vs custom nodes https //docs floyo ai/canvas overview