ComfyUI Interface Guide: Navigation, Nodes & Shortcuts

Interface Overview

ComfyUI uses a node-based visual interface where you build AI workflows by connecting nodes on a canvas. Each node performs one operation (load a model, encode text, sample an image), and you wire them together to create a generation pipeline.

The interface has three main areas:

• Canvas — the central workspace where you place and connect nodes
• Sidebar — left panel with queue history, node library, model library, and workflow management
• Top bar — workflow tabs, run button, and settings

Sidebar Panels

Essential Keyboard Shortcuts

Working with Nodes

Adding Nodes

Four ways to add a node:

1. Right-click on empty canvas → browse node categories
2. Double-click empty canvas → search by name
3. Drag from sidebar → Node Library panel (N)
4. Drag from a port → shows only compatible nodes that can connect

Node Anatomy

Every node has:

• Title bar — node name (double-click to rename)
• Input ports (left side) — colored dots, only matching types can connect
• Output ports (right side) — colored dots, represent the node's output
• Parameters — configurable settings in the node body

Node Operations

Error States

When a node has an error, it shows a red outline. Red circles on ports indicate missing connections. Check that all required inputs are connected before running.

Node Grouping

Select multiple nodes (Ctrl+click or drag-select) and press Ctrl+G to create a visual group:

• Groups help organize complex workflows into labeled sections
• Drag the group title bar to move all contained nodes together
• Double-click the group title to rename it
• Resize by dragging the bottom-right corner

Workflow Tabs

ComfyUI supports multiple workflow tabs — click the + button in the top bar to create a new tab. This lets you work on several workflows simultaneously without losing state.

Theme

Toggle between Dark and Light themes using the theme switch button in the sidebar.

Language

ComfyUI auto-detects your browser/system language. To manually switch: go to Settings → change the language option. Supported languages include English, Chinese, Japanese, Korean, and Russian.

Common Issues and Fixes

Nodes appear as "red" or "unknown"

• The workflow uses custom nodes you haven't installed
• Install missing nodes via ComfyUI Manager, then restart

Cannot find a specific node

• Use double-click search on the canvas
• Check the Node Library sidebar for categorized browsing
• The node may require a custom plugin — search ComfyUI Manager

Menu or sidebar disappeared

• Click the show/hide menu button, or press the sidebar panel shortcuts (Q, N, M, W)

Related Guides

• How to Group in ComfyUI - Use frames and subgraphs to organize larger workflows
• Save Workflow in ComfyUI - Save JSON, recover from PNG metadata, and back up workflows
• Text to Image — Build your first workflow
• Install Custom Nodes — Add community plugins

Source References

• ComfyUI interface overview
• ComfyUI settings overview
• ComfyUI appearance settings