🎨 Interactive image editor with FLUX.1 fill tool for inpainting

> Like this template? [Connect with Eduard](https://www.linkedin.com/in/parsadanyan/) via LinkedIn.

This workflow is a prototype of an AI-powered image editing interface, similar to Photoshop's Generative Fill feature, but running entirely in the browser. It provides a web-based editor that allows users to:

Select areas in images using an adjustable brush tool Input text prompts to guide the AI generation Compare original and generated images side by side Iterate on edits with different prompts and settings Save or reuse generated images

> 🎨 Perfect for [product catalog management](https://www.reddit.com/r/n8n/comments/1h98n7a/haveaproductcatalogmakeaflux1inpainting/), seasonal content updates, and creative image editing tasks!

📋 Requirements -------------- [FLUX API Access](https://api.bfl.ai/): You'll need API credentials from FLUX to use this workflow. Configure the [HTTP Header Auth credential](https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.httprequest/) in n8n with your FLUX API key

🔧 Key Components ----------------

[FLUX Fill API](https://api.us1.bfl.ai/scalartag/tasks/POST/v1/flux-pro-1.0-fill) for AI-powered image generation [Konva.js](https://konvajs.org/) for canvas manipulation [img-comparison-slider](https://www.npmjs.com/package/img-comparison-slider) for result visualization [Custom CSS/JS](https://github.com/ed-parsadanyan/n8n-flux-fill-demo) for editor functionality

1. Simple Editor Interface HTML page with an editor is served on the Webhook call Adjustable brush selection tool Provides several mock examples and allows uploading custom images Basic prompt and FLUX model parameter controls