ketle-manandClaude Sonnet 5 eb757801bc READMEにマンガツールを反映、ComfyUI Registry公開の準備を追加
ComfyUI Manager PR (#3086) 承認を受け、Registry公開ステップに向けて
README 3言語にハーフトーン/マンガ効果機能を追記し、pyproject.toml・
GitHub Actionsワークフロー・サムネイル画像を新設。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-17 22:23:57 +09:00

ComfyUI Comic Creator

English | 日本語 | 中文

A manga page creation SPA (single-page application) that runs on top of ComfyUI. Pages are managed in units of "works" (page groups); you create pages from templates, place images, speech balloons, text, shapes, and 3D poses into panels, and export as JPEG/PNG/WebP/PDF/EPUB. A layer-based image editor, font manager, AI image generation (Nanobanana), and script management are all built in, aiming to cover the entire manga-making workflow from a single node.

ComfyUI Comic Creator

Features

Page / Work management

  • Work (page group) management — Pages are grouped into "works" that carry a width/height. Templates are automatically resized to the work's size when inserted
  • Templates — Create panel-layout templates either by importing an SVG or with the wizard (draw lines to split the page into panels)
  • Export — Export as JPEG/PNG/WebP/PDF/EPUB, including bulk export of multiple pages with sequential filenames

Layout tab

  • Image placement — Drag and drop images into panels; resize and rotate with handles
  • Speech balloons — Place oval, rounded-rectangle, thought, and burst-shaped balloons inside panels, with 8-point resize handles
  • Text — Vertical/horizontal writing, Google Fonts / system fonts, a style modal for fill, stroke, outline, and shadow
  • Shape drawing (Draw) — Draw rectangles, ellipses, lines, curves, polygons, chains, ropes, and My Curve directly onto an SVG layer
  • 3D pose — Place a VRM/GLB/GLTF model inside a panel, pose it, and bake it into the image (via comfyui-vrm-pose-editor)
  • Groups and layer panel — Group objects, manage stacking order, toggle visibility, lock, and delete with the Delete / Backspace key
  • I2I integration — Send a selected image to Workflow Studio's Generate UI and bring the result back (via ComfyUI-Workflow-Studio)
  • PixiJS FX — Apply particle/filter effects to the selected image from the "Image" sub-tab (via comfyUI-particle-pixijs)
  • Manga tool — "Halftone" (an "Convert image" mode that halftones the selected image, plus a "Create pattern" mode that generates a halftone dot pattern sized to the panel/overlay) and "Manga effects" (generate and insert vignette, screentone noise, and speed lines as transparent objects sized to the panel)

Image tab (layer-based Canvas 2D editor)

  • Select / Text / Draw / Shape / Fill / Mask / Blur / Filter / BG Remove / Upscale tools
  • Eyedropper for the Draw tool — Pick a color directly from the canvas via the button next to the color picker
  • Same Layer mode for the Shape tool — Keep adding shapes to the same layer instead of creating a new one for every shape
  • Fill tool — Solid color fill, or linear/radial gradient fill with a color ramp and direction pad
  • Mask tool — Paint/Color/Alpha/Text/Vector/Shape sub-tools, also supporting SAM3 segmentation and ABR brushes (tool set implemented with reference to comfyui-mask-editor-one)
  • PixiJS FX — Apply particle/filter effects to the active layer from a toolbar button (via comfyUI-particle-pixijs)
  • Layer panel — Add, duplicate, delete, reorder, adjust opacity, and 12 kinds of adjustment layers (brightness, contrast, saturation, etc.)
  • Project saving — Save the entire layer composition and resume editing at any time

Font manager

  • Preview Google Fonts and system fonts, with category management
  • Create and save "Styles" (fill, stroke, outline, shadow) and "Presets" (font + size + style), and apply them instantly from the Layout / Image tabs

Nanobanana (AI image generation)

  • Generate images via the Gemini API (Positive/Negative prompts, model, and resolution)
  • Generated images are automatically saved to ComfyUI's own output/cc_nanobanana folder

Script tab

  • Manage the screenplay in a hierarchy of Title → Synopsis → Plot [Pages → Panel breakdown (scene, elements, dialogue/description, etc.)]
  • Insert any plot cell's content into the Layout tab as text with one click

External integrations

  • Workflow Studio — Embedded gallery view, bidirectional I2I (image ↔ workflow) transfer
  • Eagle — Save generated/edited images to Eagle automatically or manually
  • G'MIC — Filter editing integrated with the G'MIC Qt GUI

Other

  • Multilingual UI (i18n) — Switch between Japanese, English, and Chinese in the Settings tab (the entire Help tab is also available in all three languages)
  • Help tab — A searchable, comprehensive in-app reference covering every feature

Installation

Manual installation

Place this folder inside ComfyUI's custom_nodes/ directory:

ComfyUI/
└── custom_nodes/
    └── comfyui-comic-creator/
        ├── __init__.py
        ├── py/
        ├── templates/
        ├── static/
        ├── web/
        └── assets/

This node requires no additional Python packages (aiohttp / Pillow are already bundled with ComfyUI itself), so no requirements.txt is needed.

After restarting ComfyUI, a CC button appears in the top bar. Click it to open Comic Creator (/ccc) in a new tab.

CC button in the ComfyUI top bar

ComfyUI Manager

You can install it via ComfyUI Manager's "Install via Git URL" using the following URL:

https://github.com/ketle-man/comfyui-comic-creator

Optional setup

To use Nanobanana (Gemini API)

Create a .env file directly under this folder and add your Gemini API key:

NANOBANANA_API_KEY=your-api-key

Restart ComfyUI after saving.

To use G'MIC

In the Settings tab's "G'MIC Settings", specify the full path to the G'MIC Qt executable (gmic_qt.exe). It takes effect immediately after saving — no ComfyUI restart required.

To use Eagle integration

In the Settings tab's "Eagle Settings", check/change the Eagle API URL (default: http://localhost:41595). The Eagle app must be running.

Optional dependencies

Installing the following custom nodes enables the corresponding features. Nothing else is affected if they are not installed.

Companion node Feature enabled
comfyui-vrm-pose-editor The Layout tab's 3D Pose sub-tab
ComfyUI-Workflow-Studio I2I integration and the embedded gallery in the workflow studio tab
comfyUI-particle-pixijs PixiJS FX (particle/filter effects modal) in the Layout tab's "Image" sub-tab and the Image tab

Usage

  1. Open Comic Creator via the CC button in the top bar
  2. In the "Page" tab's "Work Management", enter a work name and size, then click "New" (this automatically switches to the Layout tab)
  3. Choose a template from the "Template" asset panel on the left of the Layout tab and click "Insert as Page"
  4. Place and edit images, speech balloons, and text in the panels, then click "Save"
  5. Repeat page navigation (◀▶) and template insertion to create multiple pages
  6. In the "Page" tab's "Export", specify the format and range, then save

See the in-app Help tab (available in Japanese, English, and Chinese, with search) for full documentation.

Screenshots

Layout tab Image tab Font manager tab

Nanobanana tab Script tab Help tab

Template creation wizard workflow studio Gallery tab

Architecture

comfyui-comic-creator/
├── __init__.py              # ComfyUI extension entry point (WEB_DIRECTORY, route registration)
├── py/
│   ├── ccc.py                 # aiohttp route handlers
│   └── config.py              # Path/constant definitions
├── templates/
│   └── index.html             # SPA body (static HTML with data-i18n attributes)
├── static/
│   ├── js/
│   │   ├── main/                # main.js split files (state management, per-tab logic)
│   │   ├── image-tab.js         # Image tab controller
│   │   ├── image-tab/           # Image-tab-specific tools (DrawTool/ShapeTool/FillTool/MaskTool, etc.)
│   │   ├── i18n.js              # Multilingual dictionary (ja/en/zh) + t()
│   │   ├── nanobanana.js        # Nanobanana (Gemini API) integration
│   │   └── pixifx.js            # PixiJS FX integration
│   └── css/
├── web/comfyui/
│   └── ccc_menu.js             # Registers the launch button in the ComfyUI top bar
├── assets/                     # Bundled templates, balloons, and other assets
└── docs/                       # Screenshots for the README

API endpoints (excerpt)

Method Path Purpose
GET /ccc SPA entry point
GET /api/ccc/refresh-assets Regenerate the asset list
POST /api/ccc/nanobanana/generate Generate a Nanobanana image
POST /api/ccc/save-image-project Save an Image tab project
POST /api/ccc/eagle/add Save an image to Eagle
POST /api/ccc/local-gmic/open_in_gui_b64 Launch the G'MIC Qt GUI
GET /api/ccc/local-gmic/status/{job_id} Get a G'MIC job's status

License

MIT License — see LICENSE for details.

Acknowledgements

S
Description
No description provided
Readme MIT
12 MiB
Languages
JavaScript 86.7%
HTML 7.5%
Python 2.9%
CSS 2.9%