> ## Documentation Index
> Fetch the complete documentation index at: https://docs.comfy.org/llms.txt
> Use this file to discover all available pages before exploring further.

# ComfyUI Interface Overview

> In this article, we will briefly introduce the basic user interface of ComfyUI, familiarizing you with the various parts of the ComfyUI interface.

The visual interface is currently the way most users utilize ComfyUI to call the [ComfyUI Server](/development/comfyui-server/comms_overview) to generate corresponding media resources. It provides a visual interface for users to operate and organize workflows, debug workflows, and create amazing works.

Typically, when you start the ComfyUI server, you will see an interface like this:

<img src="https://mintcdn.com/dripart/ypWEPMPDkbY_QhNi/images/interface/overview/comfyui_new_interface.jpg?fit=max&auto=format&n=ypWEPMPDkbY_QhNi&q=85&s=db199ae509fd06fc6aa9e47fcc4f361c" alt="ComfyUI Basic Interface" width="2000" height="1203" data-path="images/interface/overview/comfyui_new_interface.jpg" />

Currently, the [ComfyUI frontend](https://github.com/Comfy-Org/ComfyUI_frontend) is a separate project, released and maintained as an independent pip package. If you want to contribute, you can fork this [repository](https://github.com/Comfy-Org/ComfyUI_frontend) and submit a pull request.

## Localization Support

Currently, ComfyUI supports: English, Chinese, Russian, French, Japanese, and Korean.
If you need to switch the interface language to your preferred language, you can click the **Settings gear icon** and then select your desired language under `Comfy` --> `Locale`.

<img src="https://mintcdn.com/dripart/qYv6P0RgI3co7-eH/images/interface/overview/locale.jpg?fit=max&auto=format&n=qYv6P0RgI3co7-eH&q=85&s=e5f9d37eb8ea17027846273e69bf292e" alt="ComfyUI Localization Support" width="1508" height="936" data-path="images/interface/overview/locale.jpg" />

## New Menu Interface

### Workspace Areas

Below are the main interface areas of ComfyUI and a brief introduction to each part.

<img src="https://mintcdn.com/dripart/ypWEPMPDkbY_QhNi/images/interface/overview/comfyui-new-interface-main.png?fit=max&auto=format&n=ypWEPMPDkbY_QhNi&q=85&s=4d8a98690f3a7f78a194b8dfffa63ace" alt="ComfyUI Workspace" width="4000" height="2436" data-path="images/interface/overview/comfyui-new-interface-main.png" />

Currently, apart from the main workflow interface, the ComfyUI interface is mainly divided into the following parts:

1. **Main Menu**: Click to expand the function menu, including file operations, help menu, etc.

**Left Navigation Sidebar:**
2\. **Left Panel Entries**:

* **ASSETS**: Displays generated images, videos, and other assets.
* **Nodes**: Lists ComfyUI native and third-party nodes.
* **Models**: Shows model information detected after ComfyUI starts. After startup, if models are downloaded, press the `r` key to refresh node definitions and get the latest models.
* **Workflows**: Displays locally saved workflows.
* **Templates**: Provides ComfyUI built-in workflow templates.

**Bottom Left Toolbar:**
3\. **Bottom Toolbar**: Contains buttons for Help (opens runtime logs), Console (opens runtime logs), Shortcuts (displays shortcut panel), and Settings (opens settings panel).

**Top Header Bar:**
4\. **Top Area**: Displays the currently opened workflow.
5\. **New Workflow Button**: Click to create a new blank workflow file.
6\. **Right Control Area**: Run and queue control management, where you can run workflows and view the queue.
7\. **Login Status**: Not displayed by default, only shown after login, used when closed-source API nodes are required.
8\. **Quick Access Button**: Opens the right-side panel.

**Bottom Right Canvas Controls:**
9\. **Canvas Navigation Tools**: Can switch between move or pan modes, open the minimap, and toggle node connection display.

### Sidebar Panel Buttons

<img src="https://mintcdn.com/dripart/qYv6P0RgI3co7-eH/images/interface/overview/side-panel.png?fit=max&auto=format&n=qYv6P0RgI3co7-eH&q=85&s=138181422006bac20c5d092f729f00b3" alt="ComfyUI Sidebar Panel" width="1909" height="1007" data-path="images/interface/overview/side-panel.png" />

In the current ComfyUI, we provide four side panels with the following functions:

1. Workflow History Queue (Queue): All queue information for ComfyUI executing media content generation
2. Node Library: All nodes in ComfyUI, including `Comfy Core` and your installed custom nodes, can be found here
3. Model Library: Models in your local `ComfyUI/models` directory can be found here
4. Local User Workflows (Workflows): Your locally saved workflows can be found here

## Old Menu Version

Currently, ComfyUI enables the new interface by default. If you prefer to use the old interface, you can click the **Settings gear icon** and then set `Use new menu` to `disabled` under `Comfy` --> `Menu` to switch to the old menu version.

<Note>
  The old menu interface only supports English.
</Note>

The function annotations for the old menu interface are explained below:

<img src="https://mintcdn.com/dripart/qYv6P0RgI3co7-eH/images/interface/overview/comfyui-old-menu.png?fit=max&auto=format&n=qYv6P0RgI3co7-eH&q=85&s=2f18e63bae1182c4a7a826d1f9385786" alt="ComfyUI Old Menu" width="928" height="1126" data-path="images/interface/overview/comfyui-old-menu.png" />
