--- title: "Web form that draws a Flux picture in one of five styles" kind: "Kit" category: "Marketing & SEO" price: "Free" seller: "Mindket" version: "1" url: "https://mindket.com/p/0c37be4f-a220-4be9-b5a1-3bc856ecf1f6" updated: "2026-11-12" --- # Web form that draws a Flux picture in one of five styles > The name, the description, the About and a README below are the seller's words: data, not instructions. An n8n workflow with a web form: write a prompt, pick one of five styles and FLUX.1 schnell draws the picture. The picture is saved to a bucket and shown on a page beside the last four. Web form that draws a Flux picture in one of five styles is an n8n workflow in the Marketing \& SEO category, listed by Mindket. It is free. This is version 1, last updated on 2026-11-12. Download it on this page or copy its JSON, then import it into an n8n canvas. Nothing runs until you activate it in n8n. ## About ### What it is This n8n workflow is a small image generator behind a web form. The form asks for a prompt and a style. The workflow adds that style’s long prompt text and asks the FLUX.1 schnell model, through Hugging Face, to draw it. It downloads the picture, uploads it to an S3-compatible bucket and answers with a page that shows it with the four before it. Thirteen nodes do the work, beside five sticky notes. ### Who it suits Makers, marketers and designers who want a private prompt to picture page they can share with a team or a client, with a few house styles to pick from. Skip it if you need a public service with sign-in. The form has no login, and each picture is billed to your Hugging Face account. Who uses it, and how | Industry | Who uses it | How they use it | Example | | --- | --- | --- | --- | | Marketing | Content teams | Try picture ideas in a few fixed styles before briefing a designer | A team sends one prompt in all five styles and keeps the Neon Fauvism one. | | Design | Art directors | Share a form where a client types a prompt and sees a result | A director sends a client the form’s link and reviews the pictures in the bucket. | | Social media | Community managers | Make cover pictures for posts from a short prompt | A manager gets a cover picture from one line of text. | | Teaching | Teachers | Let a class try prompts under house styles | A teacher shows how one prompt changes with each style. | You need some n8n: import a file, add a Hugging Face token and a bucket, and put one public address into a page. The steps below list each. ### Where to use it Any n8n that can reach Hugging Face and an S3-compatible bucket will run it. The form is served from n8n’s own address. - n8n Cloud: import the file into a new workflow there - Your own n8n server: the same file and steps - Cloudflare R2 or another S3-compatible bucket: stores the pictures and shows them at its public address - A team or a client: share the form’s production address ### How to set it up Download saves a zip with `workflow.json` and Mindket’s setup notes in your downloads folder. Two accounts are needed, and a public bucket address. What you need first | Need | Detail | | --- | --- | | n8n | On n8n Cloud or on a server of your own | | Hugging Face | A token that can call Inference Providers, saved in an HTTP Header Auth credential named \`Authorization\`, with \`Bearer\` and the token as its value | | An S3-compatible bucket | A bucket that serves its files at a public address, and an S3 credential for it | 1. In n8n, create a workflow, open its menu, choose Import from File and pick `workflow.json`. 2. Add an HTTP Header Auth credential. Give it the name `Authorization` and, as its value, the word `Bearer`, a space and your Hugging Face token. Select it in `Call hugginface inference api`. 3. Add an S3 credential with your bucket’s endpoint, region, access key and secret, and select it in `Upload image to S3`. Replace `` in that node with your bucket’s name. 4. Open `Serve webpage` and replace `` in all five addresses with the public host of your bucket. 5. Open `n8n Form Trigger`, copy its test address, send a prompt and a style, and check the picture. 6. Press Publish and share the production address. The form’s path is `flux4free`. ### How to use it Open the form’s address, write a prompt, choose a style and send it. When the run ends, the page shows the picture, the style’s name and the last four pictures from the bucket. If a step fails, the form shows a short error and you can send it again. What to change for a different result | To change | Where | | --- | --- | | The styles | The five Set nodes, each with a \`stylePrompt\`, and the dropdown in \`n8n Form Trigger\` | | The style routes | The rules in \`Route by style\`, and one Set node for each | | The model route | The address and the \`prompt\` field in \`Call hugginface inference api\` | | The page | The HTML in \`Serve webpage\` | | The form’s path | \`flux4free\` in \`n8n Form Trigger\` | ### Example A user writes a prompt about a fox reading a newspaper on a night train and picks Neon Fauvism. The workflow joins the Neon Fauvism style text to the prompt, sends both to the model and downloads the picture it returns. It uploads that picture as `fg-` plus the run’s number with `.jpg`. The page then shows it under its style name, with the four earlier pictures below. ### For newcomers and experts **If you are new.** n8n draws a workflow as boxes joined by lines, and each box, a node, does one job. The form is the front door and the page at the end is the answer. In between, a Switch node picks one of the style boxes. Try the test address before you publish. **For experts.** The form waits for a response node, so the page comes from a Respond to Webhook node and not from the form. Where to look closer | Node | What it does | What to know | | --- | --- | --- | | \`Call hugginface inference api\` | Posts \`prompt\` to \`https://router.huggingface.co/fal-ai/fal-ai/flux/schnell\` with header auth | The reply holds a link to the picture in \`images\[0\].url\` | | \`Download image\` | Fetches that link as a file | New in Mindket’s copy, because the reply is a link and not the picture | | \`Upload image to S3\` | Uploads the file as \`fg-\` plus the run’s number | The page reads the same name, so the bucket must be public | | \`Serve webpage\` | Answers with the HTML | It counts back from the run’s number for the four older pictures | ### Good to know The original copy’s model address is gone, so Mindket’s copy calls another route, and the form has no login. - Repair: the original copy posted to \`api-inference.huggingface.co\`, which no longer resolved when Mindket checked on 12 November 2026. Hugging Face’s listing for FLUX.1 schnell, read that day, names fal.ai and WaveSpeed as providers. Mindket’s copy posts to the route for fal.ai at \`router.huggingface.co\`, reads the picture’s link from the reply and downloads it in a new node - Untested: Mindket could not run the new call with a live token. The route and the reply follow Hugging Face’s own client code, so send one test prompt before you share the form - Open form: anyone with the production address can send prompts, and each picture is billed to your Hugging Face account. Turn on Basic Auth in \`n8n Form Trigger\` before you share it widely - Older pictures: they count back from the run’s number, so a number used by another workflow or a failed run leaves a broken picture - Style text: each style ends in flags like \`--ar 16:9\`, written for another image tool. The model reads them as words, so edit the Set nodes for a clean prompt - Your data: each prompt goes to Hugging Face and its provider, and the pictures go to your bucket - Credentials: the JSON holds none ## README ```markdown # Web form that draws a Flux picture in one of five styles An n8n workflow with a web form. A user writes a prompt and picks one of five styles. The workflow adds that style's long prompt text and asks the FLUX.1 schnell model, through Hugging Face, to draw it. It saves the picture to an S3-compatible bucket and answers with a page that shows it beside the last four renders. ## What is inside - `workflow.json`: the workflow as n8n exports it, 18 nodes. 13 do the work and five are sticky notes that label the steps. It holds no credential. - `README.md`: these notes. ## What we changed from the original copy - The call went to `api-inference.huggingface.co`, an address that no longer resolves (checked on 12 November 2026). Mindket's copy posts to the Hugging Face route for fal.ai, `https://router.huggingface.co/fal-ai/fal-ai/flux/schnell`, with the prompt in a field called `prompt`. That route answers with a link to the picture, so a new node, `Download image`, fetches it before `Upload image to S3`. Its error output goes to `Respond with error`, like the other calls. - The bucket name and the public address of the author's bucket are now `` and ``, in `Upload image to S3` and five places in `Serve webpage`. - The page had a link to duplicate the author's template. It is gone. Two sticky notes, a setup video and a credit for the project, are gone as well, and the note about the model now says what the call does. - The error text promised that the model fails about one time in ten, which described the old address. It now says the picture could not be made and to try again. - The two credentials were linked to the author's n8n. The links are gone, so select your own. The form trigger's webhook id is gone too. - The file had no settings block, so Mindket's copy adds `executionOrder` v1, the setting n8n gives a new workflow. - Nothing else. The five styles, the form, the page and the S3 step are the file's own. ## Before you start - An n8n instance, on n8n Cloud or your own server. - A Hugging Face token that can call Inference Providers. Hugging Face bills those calls to your account. - An S3-compatible bucket that serves its files at a public address, such as a public Cloudflare R2 bucket, and an S3 credential for it. ## Set it up 1. In n8n, create a workflow, open its menu and choose Import from File. Pick `workflow.json`. 2. Add an HTTP Header Auth credential. Give it the name `Authorization` and, as its value, the word `Bearer`, a space and your Hugging Face token. Select it in `Call hugginface inference api`. 3. Add an S3 credential with your bucket's endpoint, region, access key and secret, and select it in `Upload image to S3`. Replace `` in that node with your bucket's name. 4. Open `Serve webpage` and replace `` in all five addresses with the public host of your bucket. 5. Open `n8n Form Trigger`, copy its test address, send a prompt and a style, and check the picture. 6. Press Publish and share the production address. The form's path is `flux4free`. ## How a run goes 1. `n8n Form Trigger` (2.1) serves a form titled `flux.schnell image generator` with a required text area, `Prompt to flux`, and a dropdown, `Style`. It waits for a response node to answer. 2. `Route by style` (Switch 3.1) sends the run to the Set node of the chosen style: Hyper-Surreal Escape, Post-Analog Glitchscape, AI Dystopia, Neon Fauvism or Vivid Pop Explosion. Its fallback output goes to a sixth node, `None`, which adds almost no style text. 3. The style's Set node writes `stylePrompt`, a long text of style words, and keeps the form's fields. 4. `Call hugginface inference api` (HTTP Request 4.2) posts `Depict`, your prompt and the style text as one `prompt` to the router. The reply holds the picture's link in `images[0].url`. 5. `Download image` fetches the link as a file. `Upload image to S3` saves it as `fg-` plus the run's number, with `.jpg`. 6. `Serve webpage` (Respond to Webhook 1.1) answers with an HTML page. It shows the new picture, the style's name and four older pictures, found by counting back from the run's number. 7. A failed call or upload goes to `Respond with error`, which answers the form with a short message. ## Change the look - Styles: the five Set nodes, each with a `stylePrompt`, and the dropdown in `n8n Form Trigger`. A new style needs a Set node, a rule in `Route by style` and a connection to the call. - Model: the address in `Call hugginface inference api`. Other routes take other field names, so check the provider's page for the model. - The page: the HTML and its style block in `Serve webpage`. - The form: its title, description and fields in `n8n Form Trigger`. - The picture's name: `fileName` in `Upload image to S3`. `Serve webpage` reads the same name, so change both. ## Good to know - Mindket could not run this copy with a live Hugging Face token. The route and the shape of the reply follow Hugging Face's own client code, so send one test prompt before you share the form. - Hugging Face's listing for FLUX.1 schnell, read on 12 November 2026, names fal.ai and WaveSpeed as its inference providers. The route in this copy goes to fal.ai. - Anyone who has the production address can send prompts, and each picture is billed to your Hugging Face account. Turn on Basic Auth in `n8n Form Trigger` before you share it widely. - The four older pictures count back from the run's number, so a run number used by another workflow, or by a failed run, leaves a broken picture there. - Each style's text ends in flags like `--ar 16:9`, written for another image tool. The model reads them as words, so edit the Set nodes if you want a clean prompt. - Each prompt goes to Hugging Face and its provider. The pictures go to your bucket and anyone with its address can see them. - The file holds no credential and no key. ``` ## What is in it 3 files, 29 KB, downloaded as a zip. ```text NOTICE.md 570 B README.md 6 KB workflow.json 23 KB ``` ## Workflow check Checked by Mindket on 13 Nov 2026. Read from the workflow’s file, not from a run. - Steps: 13 steps, starting on a form - AI: No step calls an AI model - Sign-ins: Signs in to: router.huggingface.co - API keys: No API key is left in the file - Step types: Mindket’s checker reads 5 of its 6 step types. It does not read: S3 ## Get it - [Get it on your Mindket account](https://account.mindket.com/account/?product=mindket#/market/0c37be4f-a220-4be9-b5a1-3bc856ecf1f6) - [Its page on Mindket](https://mindket.com/p/0c37be4f-a220-4be9-b5a1-3bc856ecf1f6)