AI ad builder · design systems · multi-format export

Build every ad, in every format, in minutes.

Adflow is an HTML ad builder with AI image generation, brand design systems, and one-click multi-format export. Compose scenes, generate visuals, render video, and ship on-brand creative — by hand in the studio, or fully automated by API.

Free to start · No subscription — pay per generation · API + MCP access included · AI imaging, physics motion & sound · Export PNG, video & Figma-ready HTML

1080×1080
1080×1350
1080×1920
1920×1080
1200×628
InputLayoutCanvasOutput
adflow.design/studio
Design System
Headline
Subhead
CTA
Adflow

Ready, set,
generate.

AI visuals that stay perfectly on brand.

Start free →
AI Studio
Background
Overlay
5
Export formats
7+
AI image models
25+
MCP automation tools
On-brand variations
Everything in one canvas

One tool, the whole ad workflow.

From brand setup to final render — Adflow folds design systems, AI generation, scene composition, and export into a single fast workspace.

Brand Design Systems

Store colours, font stacks, logos, CTA styling, typography weights, transforms and letter-spacing once. Every ad inherits your brand automatically — no drift.

Colour vars · 6 font roles · logo positioning

Multi-Format Export

Square, Portrait, Vertical, Landscape and Wide — one project, every placement. Type scale and padding adapt per format, and per-platform safe-zone guides keep copy clear of the UI.

5 formats · safe zones · auto-responsive type

Scene Composition

Build ads as a sequence of scenes — headline, subhead, H3, CTA, background and overlays per scene. Sequence them into a timeline for static sets or video.

Per-scene styling & timing

AI Image Generation

Text-to-image across GPT Image 1.5, Flux, Imagen 4, Nano Banana Pro and Ideogram — with camera, lens, lighting, shot-size and mood direction built in.

7+ models · art direction controls

Backgrounds, Stream & Layers

Colour, gradient, image, video or folder backgrounds — rendered live with Three.js. Stream any browser tab straight onto the canvas and capture it, then add overlays, SVG layers, glyphs, focus pins, crop and flip.

GPU canvas · live stream capture · gradient & video bg

Render & Export

Ship as high-res PNG, cloud-rendered MP4 video, or Figma-ready HTML. Server-side rendering means pixel-perfect output every time, at any scale.

PNG · MP4 · Figma HTML

Animate Physics

Force-driven motion for glyphs, SVGs and particles — scatter, gravity, wind and turbulence. Randomize, dial in speed, loop or boomerang, and keyframe positions. Every render feels alive, with no keyframing required.

Forces · boomerang · keyframes

Sound New

Drop audio onto the canvas to enter Sound mode: see the waveform, crop and preview, then analyse transients to auto-generate scenes to the beat. Add a voice-over track and mix it in.

Waveform · transient beat sync · voice-over
Design Systems

Set the brand once.
Stay on-brand forever.

A design system is the source of truth for a client. Define the palette, type and logo, and every scene, format and AI generation inherits it — so creative scales without ever going off-brand.

  • Named colour palette — Primary, Secondary, Dark & Light, applied per scene.
  • Six font roles — headline, body, H1–H3 and CTA, with weight, transform & letter-spacing.
  • Logo & CTA styling — 9 logo positions, scale, button radius, alignment & casing.
  • Multi-tenant access — assign systems to users; teammates only see their brands.
Palette
Type
Aa
Headline 900 · Body 400
Logo
CTA
Shop now
AI Studio

A full AI imaging pipeline, inside the ad.

Generate, extend, upscale, retouch and vectorise — without ever leaving the canvas. Powered by fal.ai and Quiver.

01 · Generate

Text → Image

Describe it, direct it with camera, lens, lighting & mood, and pick from 7+ models.

02 · Outpaint

Extend edges

Expand any image to fill a new format — top, bottom, left or right — seamlessly.

03 · Enhance

Upscale & sharpen

Aura-SR, creative and clarity upscalers push images to crisp, print-grade detail.

04 · Retouch

Erase & inpaint

Brush out distractions or paint in new elements directly in Imaging mode.

Choose the right model for the shot

Switch models per generation — fast drafts on Flux Dev, hero shots on GPT Image 1.5 or Imagen 4, typographic layouts on Ideogram.

GPT Image 1.5 Flux Dev Flux Pro Imagen 4 Imagen 4 Fast Nano Banana Pro Ideogram v3

AI vectors & SVG illustration

Need a clean icon, badge or shape instead of a photo? Generate crisp, infinitely-scalable SVG illustrations with Quiver's Arrow model — drop them straight onto the canvas as layers.

SVG generation · custom viewBox · editable layers
Input Layout Canvas Output

Input → Layout → Canvas → Output. Four focused modes, one render path.

The Workspace

Four modes.
One render path.

Adflow keeps the workflow linear and fast — write copy, arrange the layout, art-direct the canvas, then export. What you see is exactly what renders, because preview and output share the same engine.

  • Input — copy, CTA & scene content.
  • Layout — position, alignment & spacing per format.
  • Canvas — backgrounds, stream capture, AI imaging, vectors & physics.
  • Output — PNG, video & HTML export. Plus a contextual Sound mode for audio.
Animate Physics

Motion that feels alive —
no keyframing required.

Drop a glyph or SVG into Vector mode and let physics do the work. Scatter, gravity, wind and turbulence drive your shapes; randomize for a fresh take every render, set the speed and duration, and loop or boomerang. Want precision too? Turn keyframes on and pin start, middle and end positions.

  • Force fields — scatter, gravity, wind, turbulence & float per layer.
  • Glyphs & SVGs — brand glyph or your own uploads, with blend modes & booleans.
  • Randomize, loop & boomerang — stack multiple systems, each on its own timing.
  • Data-driven (early) — bind a value to the field to turn a number into motion, not just a ticking counter.
Vector mode · physics + keyframes
Sound mode · waveform
Transients → scenes, auto-cut to the beat
Sound New

Drag the track in.
Cut to the beat.

Drop audio straight onto the canvas and Adflow drops you into Sound mode. See the waveform, crop and preview the section you want, set a threshold, then analyse the transients — Adflow generates scenes that land on the beats, and you can nudge any of them. Layer a voice-over on top and mix.

  • Drag-to-Sound — drop a clip on the canvas and the waveform editor opens.
  • Crop & preview — trim left and right, hear it, then commit.
  • Transient auto-scenes — analyse the beats and generate scenes you can move.
  • Voice-over track — add narration and mix it with your music.

Newest module — rolling out now. Music playback & the per-scene audio library are live today.

Ship it

Export to anything your campaign needs.

Static, motion or hand-off — Adflow renders server-side for pixel-perfect, repeatable output.

High-res PNG

Server-rendered screenshots at full format resolution — ready for every social placement and display network.

Cloud Video (MP4)

Sequence scenes into motion ads and render MP4 in the cloud via a distributed HyperFrames Lambda pipeline — with audio.

Figma-ready HTML

Export clean HTML compositions to hand straight to design — for review, tweaks or pixel-level polish in Figma.

Automate everything

An API & MCP server for agents.

Every action in the studio is an endpoint. Drive Adflow from your own tools, pipelines, or an AI agent — with a single API key.

generate.sh
# Generate an on-brand AI image
curl -X POST https://adflow.design/api/genai/generate \
  -H "X-API-Key: adk_•••••••" \
  -H "Content-Type: application/json" \
  -d '{
    "prompt": "luxury watch on marble, studio light",
    "model": "gpt-image-1.5",
    "width": 1080, "height": 1080
  }'

# → { "ok": true, "path": "https://…blob/img.png" }
save-project.sh
curl -X POST https://adflow.design/api/projects/save \
  -H "X-API-Key: adk_•••••••" \
  -d '{ "filename": "june-campaign",
       "project": { "version": 2,
         "designSystemId": "acme",
         "activeFormat": "square",
         "scenes": [ … ] } }'

25+ MCP tools, ready for Claude

Connect the Adflow MCP server and let an agent build entire campaigns — design systems, projects, scenes and imagery — end to end.

create_design_system
create_project
generate_image
generate_vector
outpaint_image
capture_url
upload_audio
render_video

Auth via X-API-Key header · keys start with adk_ · CORS-enabled.

Teams & access control

Sign in with Google or email. Admins assign design systems to users — everyone sees only the brands they own. Clean separation, zero confusion.

Autosave & cloud sync

Work is saved continuously to the cloud and your browser. Pick up any project from any machine — projects and design systems persist server-side.

Built for speed

Three.js GPU rendering, a shared preview/output engine, and no never-ending spinners. Go from blank canvas to exported ad in minutes.

Pricing

No subscription. Pay per generation.

Building, editing and PNG & HTML export are free. AI generations and video renders draw from a prepaid credit balance — top up from $5 and set your own auto top-up, so you only ever pay for what you make.

Free
$0to start
  • Build, lay out and edit — no charge
  • Export PNG & Figma-ready HTML — video renders from 9¢
  • API & MCP access to drive your own agents
  • Unlimited downloads
Start free
Volume & partners
Talk to us
  • Volume generation pricing for agencies
  • Full API & MCP access for your agents
  • White-glove onboarding for your clients
  • Revenue share options available
Get in touch

Prices in AUD. Every generation shows its cost up front and draws from your balance — track every cent in your billing panel.

Done-for-you setup

Want us to set it up for you?

Optional — most teams self-serve. But if you'd rather hand it over, we'll get you live.

Basic setup

$500one-off · or set it up yourself for free
  • Plugging in your data source
  • An Art Director to do the finished art
  • Creating a starter library
  • Outputting to your paid channels

Already have a team doing this? Then it's probably not required.

Additional setups

$120/hour · quoted to spec

Some clients want more baked in. We quote these by the hour:

  • Motion graphics baked in
  • Custom animations baked in
  • Custom templates
  • Custom sizes
Free to start

Ship your next campaign in every format.

Set up your brand, generate the visuals, and export PNG, video and HTML — all in one place. Or wire it into your stack with the API.