You already pay for an AI
But in a chat it can only hand you code to copy, one message at a time.
Build your Webflow sitefrom Claude or ChatGPT.
Connect HTFlow to the AI app you already use. Ask it for a website in plain words — it builds the pages inside HTFlow, and you copy them into Webflow as native elements.
- Free on every plan
- Uses your own AI subscription
- Set up in about 2 minutes
Your first buildLive
- Connect HTFlow to your AI app once
- Ask for a site in plain words
- Your AI plans and builds every page
- The site appears in your HTFlow dashboard
- Refine it — by chat or by hand
- Copy it into Webflow as native elements
Nothing reaches Webflow until you paste it
- Works with
- Claude, ChatGPT, Cursor, VS Code and more
- Set-up time
- About 2 minutes
- AI cost
- Your existing subscription — nothing extra
- You get
- A Webflow-ready site in your dashboard
01Sound familiar?
Your AI can write code.It can't hand you a website.
Chat code isn't a website
Pages scattered across messages, with nowhere to preview, edit or keep them.
Webflow by hand is slow
Turning that design into Webflow elements still takes hours of clicking.
02How it works
Chat on one side,Webflow on the other.
Six steps from the first sentence to a page you can publish. The tags show who does each one.
Connect Claude- 1
Connect
You · onceAdd HTFlow to Claude, ChatGPT or your code editor. Chat apps just need a sign-in; code editors use an HTFlow API token.
- 2
Ask
You“Build a site for my bakery with a menu page.” Say what it's for, who it's for and any colours you like.
- 3
Plan and build
Your AIYour AI uses HTFlow's tools to plan the design and write every page — following your design system and Webflow's rules.
- 4
Review
YouOpen the site in your HTFlow dashboard. Keep chatting for changes, or edit it on the visual canvas.
- 5
Copy
YouPress Copy to Webflow on a section or a whole page.
- 6
Paste
WebflowPaste into the Webflow Designer — it arrives as native, editable Webflow elements.
03What you get
Whichever AIyou already use.
01
Chat apps: Claude and ChatGPT
The easiest way in: add HTFlow as a connector and sign in. No keys, no configuration.
- Claude.ai and ChatGPT
- Sign in once
- Works right in the browser
02
Code editors
Cursor, VS Code, Windsurf and other MCP apps connect with a short config and an HTFlow API token.
- Any MCP-compatible editor
- Build from your own toolchain
- Revoke a token any time
03
The same tools as HTFlow's agent
Your AI gets the same building tools as HTFlow's own Site Agent, held to the same design system and Webflow rules.
- Plan, build and edit pages
- Your design tokens respected
- Checked against Webflow
04
Straight into Webflow
Whatever your AI builds lands in HTFlow, ready to copy into the Webflow Designer.
- Native Webflow elements
- Clean, consistent classes
- No embed code
04Pick your app
Which AI appdo you use?
Chat apps are the easiest: add HTFlow, sign in, done. Code editors take one extra step — a short config with your HTFlow API token. Each guide walks you through it.
05Things to ask
Talk to itlike a designer.
Once you're connected, try one of these. Click one to copy it.
06See it happen
Claude builds it,Webflow receives it.
07Before and after
AI in a chat window,or AI with HTFlow.
Plain chatWith HTFlow
Getting a pageCopy code out of the chat Built straight into your HTFlow site
Seeing itPaste into a file and open it Live preview in your dashboard
Changing itAsk again, paste again Ask in chat, or edit visually
Into WebflowRebuild it by hand Copy and paste as native elements
08Good to know
The things you'dwant to ask first.
Your AI, your bill
It runs on the subscription you already pay for — HTFlow charges nothing for AI.
Only your sites
The AI can only see and change the HTFlow sites in the account you connect.
Disconnect any time
Remove the connector, or delete a token and it stops working straight away.
Checked before you paste
Every page is held to what Webflow can import.
09Other ways to build
Same builder,other doors in.
What is MCP?
MCP (Model Context Protocol) is a standard way for AI apps to use outside tools. Once HTFlow is connected, your AI app can create and edit your HTFlow sites for you — you just chat.
Does it cost anything?
Connecting is free on every HTFlow plan, including Free. The AI runs on your own Claude, ChatGPT or editor subscription, so HTFlow charges nothing for it. Your plan's limits, such as the number of websites, still apply.
How does the site get into Webflow?
Open the site in your HTFlow dashboard, press Copy to Webflow on a section or page, and paste it into the Webflow Designer. It lands as native elements with their classes.
What can the AI see and change?
Only the HTFlow sites in the account you connect. It works through the same tools as HTFlow's own Site Agent, and every change follows your site's design system and the Webflow rules.
Do I need an API token?
Only for code editors. Claude.ai and ChatGPT open an HTFlow sign-in instead, and the connection is made when you sign in.
How do I disconnect?
Remove HTFlow from your AI app's connectors. For a code editor, delete its API token in HTFlow → Settings → MCP Access Tokens; it stops working straight away.
Connect once. Then just ask for the site.
Start free — bring your own AI key or the AI subscription you already have.