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

# Getting started

> Install ComfyArt, open the canvas and make your first image.

## Requirements

* A working [ComfyUI](https://github.com/comfyanonymous/ComfyUI) install with a GPU that can run the image model you pick.
* The model files for the features you want to use. See [Models](/guides/models). Qwen Image 2.1 alone is enough for generation, quick edit, edit text and expand.

## Install

<Steps>
  <Step title="Clone into custom_nodes">
    ```bash theme={null}
    cd ComfyUI/custom_nodes
    git clone https://github.com/jtydhr88/ComfyArt
    ```
  </Step>

  <Step title="Install the Python requirements">
    Use the same Python environment that runs ComfyUI. Today this only adds `pypdfium2`, used for PDF uploads.

    ```bash theme={null}
    pip install -r ComfyArt/requirements.txt
    ```
  </Step>

  <Step title="Restart ComfyUI and open ComfyArt">
    Open [http://127.0.0.1:8188/comfyart/](http://127.0.0.1:8188/comfyart/) in your browser.
  </Step>
</Steps>

The built page ships in `dist/`, so you do not need Node.js to use ComfyArt. Only if you change the frontend source in `src/`, rebuild it with `npm install && npm run build`.

## Your first image

<Frame>
  <img src="https://mintcdn.com/comfyart/Qgawa1Rf_Af3Kvd0/images/canvas.webp?fit=max&auto=format&n=Qgawa1Rf_Af3Kvd0&q=85&s=8026662da8bc2dd8d2c2525c235a0fce" alt="The ComfyArt canvas with a selected image and its toolbar" width="1600" height="807" data-path="images/canvas.webp" />
</Frame>

1. Click **Image Generation** in the bottom bar. A generator card appears on the canvas with a prompt box under it.
2. Describe the image. Put any text that should appear in the image in quotes, for example `the title "SUMMER DRINKS"`.
3. Pick a ratio, size and count, then press the arrow button. A progress ring runs around the card while ComfyUI works.
4. Select the result to open the image toolbar: quick edit, upscale, split layers, remove background, eraser, edit text, multi-angle, animate, and more under **⋯**.

## Projects and language

* Each project is a URL: `/comfyart/?project=<id>`. Use the **Projects** button at the top left to switch, rename or create projects.
* Projects are saved in the ComfyUI user directory under `comfyart/projects/`, with snapshot history you can restore.
* The interface follows ComfyUI's language setting (English or Chinese).

## Next steps

<CardGroup cols={2}>
  <Card title="Generate" icon="wand-magic-sparkles" href="/guides/generate">
    References, color palettes, base images and video.
  </Card>

  <Card title="Agent" icon="robot" href="/guides/agent">
    Turn on the agent and let it plan and build designs for you.
  </Card>
</CardGroup>


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