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.

Start building free Explore features

No credit card · API + MCP access included · 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

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 so nothing clips or floats.

5 formats · 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 & Layers

Colour, gradient, image, video or folder backgrounds — rendered live with Three.js. Add overlays, SVG layers, decorative glyphs, focus pins, crop and flip.

GPU canvas · 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

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

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, AI imaging, overlays & layers.
Output — PNG, video & HTML export. Plus a Sound tab for audio.

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": [ … ] } }'

16 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

upload_image

duplicate_project

list_generations

Read the API docs OpenAPI spec →

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

Simple subscriptions. Optional white-glove setup.

Pick a plan and start in minutes — or have us plug in your data, art-direct the finished work and build your starter library for you.

Solo

$99/mo

1 Design System
150 AI generations — all formats included
API access to manage with your own agents
Unlimited downloads

Start with Solo

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