In traditional AI image workflows, applying “prompt-based colorization” directly to black-and-white manga almost always ends in disaster: panels get redrawn, speech bubbles collapse, and single-column tall strips turn into multi-column grids.
Starting from Google Flow’s Remix of Simple Sketch template, we rebuilt the tool at the code level using Tool Builder to create Manga Colorizer Pro—a workflow purpose-built for manga that achieves 1:1 structural locking and high-fidelity color fill.
Part 1: What Is Manga Colorizer Pro, and Where Did It Come From?
1. Origins: Evolved from the Official Remix of Simple Sketch Template
Google Flow ships an official template called Remix of Simple Sketch, designed as a “sketch-to-image” tool. Because it was built for freehand doodles, the AI has a high degree of creative freedom—which means when you feed it manga pages, it treats panel borders and dialogue text as loose strokes and freely reconstructs the entire composition.
To fix this, we entered Edit mode and used Tool Builder to reshape the template from the ground up, transforming it from a “free-form sketch tool” into a “professional manga line art colorizer” we named Manga Colorizer Pro.
2. Core Philosophy: Color Only, Never Redraw
- Zero structural or text damage: Applies ControlNet-level constraints to strictly preserve panel layouts, speech bubbles, and all text in the original artwork.
- Physical Multiply Blend compositing: Even when the AI renders lighting freely, the tool overlays the original high-resolution black line art pixel-for-pixel (1:1) on top of the color layer.
- Screentone Filtering: Automatically separates and brightens the grayscale halftone dots in the original art so that shadow screentones don’t muddy the vibrant colors underneath.
Part 2: Step-by-Step Workflow
Four steps to colorize a black-and-white manga page at high quality:
Step 1: Import the Line Art
- Click the [+] photo icon (Add Photo) below the canvas and upload your black-and-white line art or a tall manga strip.
- Aim for a single page or 2–3 core panels; avoid extremely long vertical strips.
Step 2: Adjust the Crop Viewport
- The blue rectangle on the canvas defines the AI’s 1:1 generation zone.
- Drag the four corners to resize it so it fully covers the page or panel region you want to colorize.
Step 3: Write a Precise Color Prompt
Enter specific color and material descriptions in the prompt box below the canvas. You no longer need to write “don’t destroy the lines”—that constraint is baked into the system.
Recommended prompt template:
Clean anime cel-shading manga colorization. Vibrant bright red sleeveless vest for Luffy, classic denim blue shorts, bright sunny yellow straw hat with red band, natural warm anime peach skin tone. Deep blue sky, fluffy white clouds, warm brown wooden boat. Cel shading, bright daylight illumination.
Step 4: Generate and Export
- Click APPLY COLORS. The tool automatically runs: color generation → screentone filtering → Multiply Blend compositing.
- Once done, click the download icon on the result card to save the full-color high-res output.
Part 3: Key Interface Controls and Parameter Guide
| Control / Parameter | Recommended Setting | Notes |
|---|---|---|
| Coloring Detail | 100% | Controls colorization precision and edge adherence. Always max this out for manga. |
| Model Mapping | 🍌 Nano Banana Pro | High-fidelity model with better character recognition and lighting transitions. |
| Crop Box (blue frame) | 1:1 over target panel | Controls the generation zone. Shrink it for panel-by-panel ultra-detail mode. |
| Canvas Selection Tool (arrow icon) | Use when switching images | Select the old image and press Delete, then upload a new page. |
If the current tool doesn’t meet your needs, click Edit mode. A Tool Builder panel appears on the right where you can re-customize the tool by posting updated system prompts in the prompt window.
Deep Dive: What Is Tool Builder, and How to Build Custom AI Tools with Natural Language
Inside Google Flow, Tool Builder is a conversational low-code / no-code AI engine that fundamentally breaks down the barrier between users and software development.
1. The Core Idea
In most AI image apps, the interface, parameters, and generation logic are fixed. In Flow, every tool has Tool Builder built in.
You type a natural-language request in the right-hand panel, and it acts simultaneously as a front-end architect, prompt engineer, and algorithm developer—instantly rewriting the code and interaction logic of the tool on the left.
2. The Four Problems Tool Builder Solved in This Project
Here’s what Tool Builder delivered during the Remix of Simple Sketch → Manga Colorizer Pro transformation:
Problem 1: Generating UI Components Dynamically
- Instruction:
Add a slider for 'Line Preservation' default to 100%. - Result: Without writing a single line of React or Vue, the AI generated the Coloring Detail slider and a color picker directly below the canvas.
Problem 2: Hardcoding the System Prompt (No More Repeated Negative Prompts)
- Instruction:
Strictly enforce a single-column layout. Forbidden to create multi-column repeats. - Result: “No multi-column tiling, keep 1:1 composition, preserve all text as-is” became hidden system-level constraints—permanently eliminating the repeated-strip bug.
Problem 3: Seamless Model Pipeline Switching
- Instruction:
Swap the current model for a specialized inpainting/high-fidelity model. - Result: The low-fidelity Draft model was automatically removed and the backend was locked to the high-fidelity Nano Banana Pro.
Problem 4: Writing a Client-Side Post-Processing Algorithm (Composition Lock Engine)
- Instruction:
Before multiply blend, automatically filter out soft gray screentones and keep pure black outlines. - Result: The AI wrote a native Canvas pixel-processing pipeline that runs locally, applying a Levels Adjustment threshold to brighten gray halftone dots to white—letting bright reds, yellows, and other vivid colors punch through cleanly without going dark and muddy.
3. Tips for Using Tool Builder Effectively
- Describe business logic, not just technical terms: Be explicit about “input → constraint → output.”
- Iterate incrementally: If you see color shifts, multi-column repeats, or missing components, just describe the specific bug in the right panel and let the AI patch it.
- Lock and rename when done: After debugging, click the tool name in the top-left to rename it to Manga Colorizer Pro, then click Done in the top-right. The entire tool—UI, code, and model configuration—is saved as your own custom tool.
4. Apply to Be Featured
Click Apply to be Featured in the top-right of the tool window. A dialog will appear asking for a tool image and name. Submit and wait for review.