界面导览：画布、侧栏、队列与模板

一句话定义

新版界面(Vue 重写的前端,2024 年下半年起为默认)由四块组成:节点画布(工作区)、左侧边栏(节点库/模型库/工作流库/模板库)、顶部菜单与队列(运行控制)、底部进度与历史——本页带你逐块认识并掌握高频操作。

为什么重要

教程截图与你的界面"对不上"是新手最常见的困惑来源:ComfyUI 前端迭代快,菜单位置会变。建立"功能在哪找"的索引思维,比记住某个按钮位置更持久。

前置知识

节点与工作流的心智模型：端口、连线与执行(节点模型)、安装与首次启动：三种途径与硬件对照(已能启动)。

核心概念

画布区(主战场)：

• 滚轮缩放、按住空白拖动平移;框选节点整体移动。
• 双击空白处:搜索并放置节点。
• 右键节点:转换 widget↔输入端口、Mute/Bypass、固定(pin)、分组。
• 拖动一个输出端口到画布空白:自动弹出兼容节点列表。

左侧边栏(标签页)：

• 节点库:按分类树浏览全部节点,支持搜索——比右键菜单全。
• 模型库:直接把模型拖进对应加载节点。
• 工作流库:保存/管理你的工作流(存于用户目录,可改名搜索)。
• 模板库:官方工作流模板(文生图/图生图/Flux/视频等),新模型上手最快的入口。

顶部与队列：

• 顶部菜单:Workflow(保存/导出/打开)、Edit、模型管理等;右上角 ◐ 主题切换。
• 右下 Queue 面板:查看运行队列、历史记录,可重跑、载入参数。
• 运行时画布上方出现进度条,可在 Settings 打开实时预览(低分辨率快速预览,见 性能优化与显存管理)。

原理与机制

界面只是"壳":画布上的图最终被序列化成 workflow JSON;你保存到工作流库的每个条目就是一个 JSON 文件。因此界面升级不会破坏你的资产——JSON 永远在,顶多换个入口。

公式 / 模型 / 图示

┌──────────────────────────────────────────────┐
│ 顶栏: Workflow | Edit | ...        [◐]      │
├────┬─────────────────────────────────────────┤
│侧栏│  画布:节点图(缩放/拖拽/框选/双击搜节点)  │
│节点│                                          │
│模型│                        [Queue 面板]     │
│流库│  底部:进度条 / 生成预览                  │
│模板│                                          │
└────┴─────────────────────────────────────────┘

直观类比

把画布想成"厨房操作台",侧栏是"食材仓库+菜谱架",Queue 是"叫号屏"——你在台面上拼菜谱,叫号屏显示哪桌的菜在炒。

实例与案例

• 第一次打开:建议直接点开模板库,选一个文生图模板载入,比从空白画布开始友好(见 第一个文生图工作流解剖)。
• 找不到某个节点?双击画布搜名字;还找不到多半是缺自定义节点,Queue 面板报错信息会给出线索(见 故障排查手册:症状→原因→修法)。
• 设置面板(右上齿轮):主题、字体大小、预览方式、快捷键(Keybinds)、开发者选项(含 API 导出,见 工作流 JSON 与 API 自动化)都在这里。

常见误区

• 拿着旧教程找新版菜单:入口会变,功能不丢;优先用"双击搜索节点"和模板库定位。
• 把队列当一次性的:Queue 可以攒很多任务离屏跑;批量场景见 队列、种子与可复现性。
• 忽略画布右键:大量转换功能(widget↔输入、分组、对齐)藏在右键菜单里,只认顶部菜单会错过一半能力。
• 担心误关页面丢进度:队列中的任务由后端执行,关掉浏览器不中断;历史可查。

自测题

1. 在画布上放置节点的最快方式是什么?
2. 工作流库里保存的东西,本质是什么文件?
3. 生成过程中关掉浏览器标签页,任务会中断吗?
4. 想临时对比"加/不加放大节点"的效果,界面上的哪个操作最合适?

与其他知识点的关系

• 第一个文生图工作流解剖 立刻用上这些操作。
• 队列、种子与可复现性 详细讲 Queue 与种子。
• 子图与模板复用:工作流的组件化 的子图功能也在这个界面完成。

延伸阅读

• 官方界面文档:docs.comfy.org 的 Interface 章节(以你的版本为准)
• 前端仓库(更新最快):github.com/Comfy-Org/ComfyUI_frontend