Canvas Overview

overview the floyo canvas is where you build, edit, and run comfyui workflows it provides a node based visual editor with all the tools you need to create ai powered image and video generation pipelines accessing the canvas go to https //floyo ai click launch app in the top right corner the canvas opens with a starter workflow interface layout the canvas interface is divided into four main areas true 220,220,221 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type top header true 330,331 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type workflow dropdown click the workflow name (below the tabs) to access workflow options and details publishing after running a workflow, the publish to team button becomes active click the dropdown arrow to choose publish to team — share with your team members publish to community — share publicly on floyo 💡 tip see https //docs floyo ai/publishing workflows for detailed publishing instructions left sidebar four icons provide quick access to key features true 220,220,221 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type 💡 tip click any sidebar icon to open its panel click again to close it run history panel the run history panel shows your workflow execution history true 330,331 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type tabs my runs — your personal run history team runs — runs from your team members status badges true 330,331 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type each run shows thumbnail, workflow name, status, date, and duration 💡 tip drag a thumbnail from run history onto the canvas to reuse a previous output in your current workflow workflows panel the workflows panel lets you manage your saved workflows search bar — find workflows by name import buttons — upload workflow files workflow list — your saved workflows click any workflow to open it in a new tab discover panel (in canvas) browse community workflows without leaving your current work filters — filter by category or type search — find workflows by name, tags, or creator sort — order by most views or other criteria workflow cards — click to view details or run 💡 tip use the in canvas discover to quickly find and load workflows while keeping your current work open main canvas the main canvas is a node based visual editor where you build workflows by connecting nodes canvas navigation true 330,331 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type adding nodes right click on empty canvas space to open the context menu, then select add node to browse available nodes 💡 tip use the search function in the node browser to quickly find specific nodes by name bottom toolbar the bottom toolbar controls workflow execution true 330,331 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type status states true 330,331 left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type tips & best practices organize your canvas arrange nodes left to right following the data flow use the sidebar quick access to files and workflows without leaving the canvas check status always verify "ready" status before running related documentation https //docs floyo ai/nodes https //docs floyo ai/file browser https //docs floyo ai/running workflows