> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-mintlify-linear-mode-interface-docs-53934.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ComfyUI 界面概览

> 在本篇中，我们将简要介绍 ComfyUI 的基础用户界面，带你熟悉了解 ComfyUI 界面的各个部分，

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

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

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

<img src="https://mintcdn.com/dripart-mintlify-linear-mode-interface-docs-53934/pUBdR6fFjO0mfDWr/images/interface/overview/comfyui_new_interface.jpg?fit=max&auto=format&n=pUBdR6fFjO0mfDWr&q=85&s=ef08a50ed7373c959880c86887d634ed" alt="ComfyUI 基础界面" width="2000" height="1334" data-path="images/interface/overview/comfyui_new_interface.jpg" />

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

<img src="https://mintcdn.com/dripart-mintlify-linear-mode-interface-docs-53934/pUBdR6fFjO0mfDWr/images/interface/overview/comfyui_old_interface.jpg?fit=max&auto=format&n=pUBdR6fFjO0mfDWr&q=85&s=4c498c91601c59f6886001b0cc197d24" 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-mintlify-linear-mode-interface-docs-53934/pUBdR6fFjO0mfDWr/images/interface/overview/locale.jpg?fit=max&auto=format&n=pUBdR6fFjO0mfDWr&q=85&s=449758dda51cbcf4d547132b0db77815" alt="ComfyUI 本地化支持" width="1508" height="936" data-path="images/interface/overview/locale.jpg" />

## 新版菜单界面

### 界面分区（Workspace）

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

<img src="https://mintcdn.com/dripart-mintlify-linear-mode-interface-docs-53934/CxiB36sWpUksk17n/images/zh/interface/comfyui-new-interface-main.png?fit=max&auto=format&n=CxiB36sWpUksk17n&q=85&s=5b2aa8377b092a49cce8436195f19f77" alt="ComfyUI 工作区" width="2582" height="1624" data-path="images/zh/interface/comfyui-new-interface-main.png" />

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

1. 菜单栏：提供工作流、编辑、帮助菜单，工作流执行、ComfyUI Manager入口等等
2. 侧边栏面板切换按钮：用于切换工作流历史队列、节点库、模型库、本地用户工作流浏览等
3. 切换主题按钮： 在 ComfyUI 默认的暗色主题和亮色主题之间进行快速切换
4. 设置：点击后可打开设置按钮
5. 画布菜单： 提供了ComfyUI 画布的视图放大、缩小、自适应操作等

### 菜单栏功能

<img src="https://mintcdn.com/dripart-mintlify-linear-mode-interface-docs-53934/CxiB36sWpUksk17n/images/zh/interface/comfyui-new-interface-menu-bar.png?fit=max&auto=format&n=CxiB36sWpUksk17n&q=85&s=46d8429c2dc93a0fdba0c84fea34b71a" alt="ComfyUI 工作区" width="2734" height="1126" data-path="images/zh/interface/comfyui-new-interface-menu-bar.png" />

上图是顶部菜单栏的对应功能，包含的常见的功能，我们会在具体的功能使用部分再详细介绍对应的功能

### 侧边栏面板按钮

<img src="https://mintcdn.com/dripart-mintlify-linear-mode-interface-docs-53934/pUBdR6fFjO0mfDWr/images/interface/overview/side-panel.png?fit=max&auto=format&n=pUBdR6fFjO0mfDWr&q=85&s=94413e9315fd71cc67cf6135cd3106b1" 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)： 你本地保存的工作流可以在这里被查找到

## 旧版菜单

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

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

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

<img src="https://mintcdn.com/dripart-mintlify-linear-mode-interface-docs-53934/CxiB36sWpUksk17n/images/zh/interface/comfyui-old-menu.png?fit=max&auto=format&n=CxiB36sWpUksk17n&q=85&s=13c14928d7b4059844ca788155339c26" alt="ComfyUI 旧版菜单" width="884" height="1126" data-path="images/zh/interface/comfyui-old-menu.png" />
