Create edited images fast with a simple web editor that sends a prompt and mask to an AI image fill service, then returns a finished file to the browser. Ideal for marketing teams that need quick product touchups, ad variants, and social images without heavy design tools.

A public webhook serves a lightweight editor page. Users pick a default image or supply a link, paint a mask, and add a short prompt. The flow calls the FLUX Fill API, waits a few seconds, and polls the job status until the result is ready. When done, it fetches the generated image and responds with the correct file type so the browser can show or download it. Merge and Set nodes feed the editor with image options. HTML and Respond to Webhook nodes deliver the page. Wait, If, and HTTP Request nodes handle the job loop.

Setup needs an API key for FLUX and an internet reachable n8n webhook. Add your own image URLs in the Set node or connect to a data source. Expect big time savings when making repeat edits like background fixes and object changes. Marketing teams and content creators can make many versions in minutes and keep designers focused on higher value work.

• Webhook endpoint delivers an in browser editor for quick image selection and masking
• Set node provides default image options that you can replace with your own URLs
• HTML node renders an editor using Konva and a comparison slider for before and after
• HTTP Request to FLUX Fill sends prompt, steps, and mask along with the original image
• Wait and status polling loop checks job progress until the image is ready
• HTTP Request fetches the result image from the returned URL
• Respond to Webhook returns the edited image with the correct MIME type to the browser

• Reduce manual editing from 2 hours to 10 minutes for common changes
• Streamline creative production by up to 70 percent through a self serve editor
• Cut designer ticket volume by letting non designers make safe edits
• Handle dozens of requests per hour with an async job loop
• Serve a single web link that connects your editor to the AI fill service

1. Import the template into n8n: Create a new workflow in n8n > Click the three dots menu > Select 'Import from File' > Choose the downloaded JSON file.
2. You'll need accounts with Black Forest Labs FLUX. See the Tools Required section above for links to create accounts with these services.
3. In your Black Forest Labs FLUX account, create an API key on the API page. Copy it and store it in a safe place.
4. In the n8n credentials manager, create a new HTTP Header Auth credential for FLUX. If unsure, double click the FLUX nodes and in the Credential to connect with dropdown click Create new credential and follow the on screen steps to add your API key.
5. Open the Webhook node and set a clear path for your editor endpoint. Ensure the URL is accessible from the internet if you plan to share it.
6. Edit the Set node named Mockups to add your own image URLs or product images. You can later change this to pull URLs from your CMS or database.
7. Review the HTML node named Editor page. Adjust any branding, text, or default options. The editor already includes masking and a comparison view.
8. In the FLUX Fill node, confirm the credential selection and that body fields map to your form fields like prompt and steps. Keep defaults if you are testing.
9. Click Execute workflow and open the Webhook test URL in your browser. Load or select an image, paint the mask, add a prompt, and submit to run a full test.
10. If the image does not return, check the execution logs. A 401 error means the FLUX key is invalid. If jobs never finish, increase the Wait duration or verify the id used in the status check.