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 area location purpose top header top of screen team selection, workflow tabs, settings, publishing left sidebar left edge quick access to run history, file browser, workflows, discover main canvas center node based workflow editor bottom toolbar bottom center run controls, queue management, status top header element description floyo logo returns to discover page team selector switch between personal team and other teams workflow tabs open workflows appear as tabs; click to switch between them + button open a new workflow tab settings icon access canvas and workflow settings save icon save current workflow publish to team publish workflow (dropdown with team/community options) 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 icon name function 🕐 run history view currently running and past workflow runs 📁 file browser manage files, uploads, models, and outputs 📊 workflows search and manage your saved workflows yo! discover browse community workflows without leaving canvas 💡 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 section description now currently running workflows history past runs with status and duration tabs my runs — your personal run history team runs — runs from your team members status badges status meaning completed (green) workflow finished successfully cancelled (orange) run was manually cancelled failed (red) workflow encountered an error 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 action how to pan click and drag on empty canvas space zoom scroll wheel up/down select node click on a node multi select ctrl+click and drag to create selection box move node click and drag a selected node 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 element description drag handle reposition the toolbar on the canvas play button (▶) run the current workflow queue counter number of items to queue x button cancel current run status indicator shows current state (ready, running, etc ) eye icon toggle focus mode status states status meaning ready workflow is ready to run running workflow is currently executing in queue workflow is waiting to run 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