> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-matt-router-pricing-pika-and-guard.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 界面概览

> ComfyUI 界面导览：介绍在可视化节点编辑器中构建、组织、调试工作流所用的各个工作区部分。

可视化界面是目前绝大数用户使用 ComfyUI 来调用 [ComfyUI Server](/zh/development/comfyui-server/comms_overview) 进行相应媒体资源生成的方式，它提供了一个可供用户操作和组织工作流的可视化界面，用于组织和调试工作流，并生成令人惊叹的作品。

在本篇我们将粗略介绍 ComfyUI 的界面以及各个部分的功能，在后续的章节中我们将详细介绍各个部分的功能和使用方法。

通常，当你当你启动 ComfyUI 后你可以看到下面这样的一个界面：

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/overview/comfyui_new_interface.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=0b28091a57f158f67f10caf7301e433e" alt="ComfyUI 基础界面" width="1600" height="962" data-path="images/interface/overview/comfyui_new_interface.jpg" />

如果你是较为早期的用户，你应该还见过之前的这样的菜单界面：

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/overview/comfyui_old_interface.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=bd8674d272fb14591772f41f3a12230f" alt="ComfyUI 旧界面" width="2000" height="1334" data-path="images/interface/overview/comfyui_old_interface.jpg" />

这两个菜单界面可以通过设置进行切换，但随着 ComfyUI 的功能日益强大和复杂，我们建议你使用新版的菜单界面来获得更好的使用体验。

目前 ComfyUI前端是一个独立的项目，作为一个独立的 ComfyUI 依赖进行发布和更新维护，如果你想要参与贡献，可以 fork 这个[仓库](https://github.com/Comfy-Org/ComfyUI_frontend)，并进行 pull request。

## 本地化支持

目前 ComfyUI 支持：包括英文、中文、俄罗斯语、法语、日文、韩文。
如果你需要切换界面语言到你需要的语言可以点击 **设置齿轮图标** 然后在 `Comfy` --> `Locale` 中选择你需要的语言。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/overview/locale.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=20cf3a0a9432742e7c16b3a4f58896ea" alt="ComfyUI 本地化支持" width="1480" height="918" data-path="images/interface/overview/locale.jpg" />

## 新版菜单界面

### 工作区

下面是 ComfyUI 的主要界面分区以及各部分的简要介绍。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/overview/comfyui-new-interface-main.png?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=aa022ba9336797a97398bb1301215e0c" alt="ComfyUI 工作区" width="4000" height="2436" data-path="images/interface/overview/comfyui-new-interface-main.png" />

目前 ComfyUI 的界面除主要的工作流界面外，主要分为以下几个部分：

1. **主菜单**：点击展开功能菜单，包含文件操作、帮助菜单等。

**左侧导航侧边栏：**
2\. **左侧面板入口**：

* **ASSETS**：显示已生成的图像、视频等资产。
* **Nodes**：列出 ComfyUI 原生及第三方节点。
* **Models**：展示 ComfyUI 启动后检测到的模型信息。启动后，如果有模型下载，按 `r` 键刷新节点以获取最新模型。
* **Workflows**：展示本地保存的工作流。
* **Templates**：提供 ComfyUI 内置工作流模板。

**左下角工具栏：**
3\. **底部工具栏**：包含帮助（打开运行日志）、控制台（打开运行日志）、快捷键（显示快捷键面板）和设置（打开设置面板）按钮。

**顶部标题栏：**
4\. **顶部区域**：显示当前打开的工作流。
5\. **新建工作流按钮**：点击创建空白工作流文件。
6\. **右侧控制区**：运行和队列控制管理，可在此运行工作流、查看队列。
7\. **登录状态**：默认不显示，仅在登录后显示，用于需要闭源合作节点时。
8\. **快捷按钮**：打开右侧面板。

**右下角画布控制：**
9\. **画布导航工具**：可切换移动或平移模式，打开小地图，切换节点连线显示。

### 侧边栏面板按钮

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/overview/side-panel.png?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=c2fe1a508da0f333b30bbd13e757df10" alt="ComfyUI 侧边栏面板" width="1909" height="1007" data-path="images/interface/overview/side-panel.png" />

在当前的 ComfyUI 中，我们提供了四个侧边面板，功能如下：

1. 工作流历史队列（Queue）：ComfyUI 执行媒体内容生成的全部队列信息
2. 节点库（Node Library）：ComfyUI 中的全部节点，包括 `Comfy Core` 和你已安装的自定义节点，都可以在这里查找
3. 模型库（Model Library）：本地 `ComfyUI/models` 目录中的模型可以在这里找到
4. 本地用户工作流（Workflows）：本地保存的工作流可以在这里找到

<Tip>
  如果你使用的是 **Comfy Cloud**，还可以创建并管理**团队工作区**：与团队成员协作、邀请他人并共享订阅积分的共享空间。请在[工作区](/zh/cloud/workspace)文档中了解更多。
</Tip>

## 旧版菜单

目前 ComfyUI 默认启用新版界面，如果你更偏好使用旧版界面，可以点击 **设置齿轮图标** 然后在 `Comfy` --> `菜单(Menu)` 将 `使用新菜单(Use new menu)` 设置为 `disabled` 即可切换到旧版本的菜单。

<Note>
  旧版菜单界面仅支持英文。
</Note>

旧版本菜单界面功能标注说明如下：

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/dgQLS4MvAvafYYa5/images/zh/interface/comfyui-old-menu.png?fit=max&auto=format&n=dgQLS4MvAvafYYa5&q=85&s=aa79a8d7e2ba564e978e61920500a914" alt="ComfyUI 旧版菜单" width="884" height="1126" data-path="images/zh/interface/comfyui-old-menu.png" />


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.