SketchXFlow is an AI website builder for non-coders who care about brand consistency. Describe a site in one prompt and SketchXFlow generates a brand-coherent, multi-page site — palette, typography, spacing, and components locked into a real design system. Every subsequent edit respects that system, so the brand stays the same across every edit instead of wandering off the way it does with other AI builders. Audit any existing site by URL, rebuild it fixed in one click, share read-only previews with clients, and export clean HTML or a Next.js codebase — or push straight to git. Free to start, no card required.
One prompt. A whole brand.
Describe the site you want. Get a finished, multi-page design you can edit — every page on-brand — in about 2–3 minutes.
Already have a site? Get a design score and the specific problems in about 30 seconds — as a certificate you can share. Score 80+ and it’s certified.
Free · no sign-up · one page, above the fold
This is the simple audit. Advanced audits check up to 20 pages, pages behind a login, and flows walked by AI — with an account on Pro.
Sign in for advanced audits- Consistent brand
- Whole sites, not pages
- Yours to ship
- Consistent brandEdit ten times — your brand's colours and fonts stay the same.
- Whole sites, not pagesEvery page shares one menu, one footer and one look.
- Yours to shipDownload clean code (HTML or Next.js), or publish it live.
From a sentence to a site.
Three steps, and about three minutes, to a site you can publish.
- Step 1: Describe itSay what the site is for, in your own words — or tap a starter. No template to pick.
- Step 2: Every page gets builtAI researches, plans the pages, lays them out, checks they're easy to read and adds images — in about 2–3 minutes.
- Step 3: Edit, then shipAsk for changes in plain words. Download the code, or publish it on a free web address.
Your brand. Edit after edit.
Most AI website builders get the first edit right. By the tenth, the colours have changed, the font has been swapped for a generic one, and the page no longer looks like your brand. SketchXFlow saves your brand's colours and fonts first, and every edit after that has to use them.
Beyond the first draft.
- Edit by askingType the change in plain words. The page updates and your brand stays the same.
- Websites and mobile appsEach one laid out for its own screen, not squeezed to fit.
- Logo and brand kitA logo, colours and a brand book PDF from the same brief.
- Use from Claude or Cursor (MCP)A plug-in that lets AI coding tools design pages for you.
Edit by sentence.
Describe the change. The studio rewrites the page and the brand holds — watch the palette survive every edit.
Four edits in. Same palette, same type, same brand.
Same brand, built twice.
Not one layout squeezed into a narrower column. Switch between them and watch the page rearrange itself for the screen it is on.
Three cards side by side, with room for a desktop reader to compare.
Every section in reach across the top, the order button beside it.
Copy and photo share the fold; two actions sit next to each other.
From brief to brand book.
Need the brand too? Type the name, and under ninety seconds later you have a mark, its lockups, a live palette and a brand book — ready for every site you build.
Instant brand book
Logo usage, colour and type, laid out as a 12-page PDF you can hand to anyone.
Vector assets, every size
Stacked, horizontal and mono lockups as SVG and PNG, plus favicon, app and social sizes.
One palette, everywhere
Recolour the whole kit in seconds; the new colours carry through everywhere they are used.
Saved as a Brand Kit, so every site, email, poster and launch asset you make next starts on-brand.
For developers · Claude, Cursor & more (MCP)
Design from your coding agent.
Claude Code, Codex, Cursor — your agent designs the screen, edits it by sentence and hands you the code, without leaving the chat.
What’s MCP? A plug-in that lets AI coding tools such as Claude Code and Cursor use SketchXFlow for you: they can design a page, change it and fetch its code without leaving the chat.
$ npx @sketchxflow/mcp install- Claude Code
- Codex
- Cursor
- Claude Desktop
- Windsurf
- VS Code
- you ▸ Design a pricing page for my marketing site.
- callingsketchxflow_clarify→ 2 questions asked, brief locked
- callingsketchxflow_design_page→ /pricing built on your brand
- Pricing page ready — open it in the studio
⁄ The loop, in your agent
Step 04 hands back to 01It askssketchxflow_clarify
One sharp question at a time, until the brief is solid.
It designssketchxflow_design_page
A polished screen — a new project, or a page in an existing one.
You implementsketchxflow_get_code
HTML + Tailwind, adapted straight into your codebase.
It refinessketchxflow_edit
Change any section by sentence; the rest stays as it was.
Start free. Pay when you ship more.
Coins: What the studio runs on. Designing a page, editing it or making an AI image uses a few coins; your plan tops them up each month, and the free plan starts you with some.
- FreeTry it. No card.~12 designs to try$0to start
- StarterFor a few sites a month.~50 designs / month$19/ month
- ProRecommendedFor shipping regularly.~166 designs / month$49/ month
Teams and agencies: Business from $149 / month, 17% off yearly.
Compare every plan
Answers, straight.
8 answers, each one complete on its own. Search them, or ask us directly.
SketchXFlow is an AI website builder and design platform that turns one prompt into a multi-page website with your brand's colours and fonts saved as a design system, then lets you edit it with AI and export clean HTML or a Next.js codebase.
SketchXFlow saves your colours, fonts, spacing and building blocks as a design system before the first page is drawn, so the brand stays the same across every edit. Most AI builders produce one page well and have wandered off-brand by the tenth edit.
Yes. Every account starts with a one-time 150 free coins, enough for about 12 website designs with stock photos, with no card required. Paid plans start at $19 per month and add AI images and mobile design.
Yes. You can export clean HTML, PNG and PDF on the free plan, a full Next.js codebase on Starter and above, and send the code straight to GitHub or GitLab on Pro. Exports run without SketchXFlow.
It designs them. Web and mobile are separate editions, and a mobile design is composed from scratch for the phone form factor rather than resized from a desktop page. The screens export as HTML, PNG or PDF; SketchXFlow does not generate native app code, and SketchXFlow Services builds the app itself if you want that too.
Yes. The SketchXFlow MCP server — a plug-in that lets AI coding tools use SketchXFlow — works with Claude Code, Codex, Cursor, Claude Desktop, Windsurf and VS Code. Install it with one command: npx @sketchxflow/mcp install.
The marketplace is a library of finished templates built by the SketchXFlow studio. Buy one and it is cloned into your projects, where you can edit it with AI and export it like any other design.
Yes. Paste a URL and SketchXFlow audits the page's typography, colour, layout, hierarchy, accessibility, content and flow, then can rebuild it fixed in one click while keeping your brand. Single-page audits are on every plan; multi-page audits are on Pro.