Wonderful Launcher ドキュメントComfyUI Interface Guide: Navigation, Nodes & Shortcuts
A visual guide to the ComfyUI interface — menu layout, node operations, keyboard shortcuts, and essential UI features for beginners.
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
| Panel | Shortcut | Purpose |
|---|---|---|
| Queue History | Q | Browse previous generation results |
| Node Library | N | Browse and search all available nodes (core + custom) |
| Model Library | M | Browse local models, drag-and-drop to create loader nodes |
| Workflows | W | Manage saved workflows, open in new tabs |
Essential Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl+Enter | Run workflow (add to queue) |
Ctrl+Shift+Enter | Run with highest priority |
Space | Toggle between Select and Pan mode |
Ctrl+Z | Undo |
Ctrl+S | Save workflow |
Ctrl+O | Open/load workflow |
Ctrl+G | Group selected nodes |
Ctrl+C / Ctrl+V | Copy / paste nodes |
Delete | Delete selected node |
Double-click empty space | Open node search |
Ctrl+B | Bypass (disable) selected node |
Working with Nodes
Adding Nodes
Four ways to add a node:
- Right-click on empty canvas → browse node categories
- Double-click empty canvas → search by name
- Drag from sidebar → Node Library panel (
N) - 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
Port colors indicate data types. Same-colored ports are compatible. For example, orange ports carry MODEL data, purple ports carry CONDITIONING data, and pink ports carry LATENT data.
Node Operations
| Action | How |
|---|---|
| Collapse | Click the gray button in the top-left corner of a node |
| Bypass (disable) | Right-click → Bypass, or Ctrl+B |
| Convert widget to input | Right-click → Convert to input (makes a parameter connectable from another node) |
| Copy node | Ctrl+C / Ctrl+V, or Alt+drag to duplicate |
| Group nodes | Select multiple nodes → Ctrl+G to create a group |
| Create Group Node | Select multiple → right-click → Convert to Group Node (merges into reusable custom node) |
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
- Text to Image — Build your first workflow
- Install Custom Nodes — Add community plugins
ComfyUI Prompt Guide: Write Better Prompts for AI Image Generation
Learn how to write effective prompts in ComfyUI — syntax rules, weight control, structured prompt patterns, and tips for better AI-generated images.
ComfyUI Model Types Explained: Checkpoint, LoRA, VAE, ControlNet & More
Understand the different model types used in ComfyUI — what each does, where to install it, and how they work together in a workflow.