Build your Webflow site
from Claude or ChatGPT.
Connect HTFlow to the AI app you already use. Then just ask — it plans the design, builds the pages and publishes, and everything lands in your HTFlow project, ready for Webflow.
- Free on every plan
- Uses your own AI subscription
- Set up in about 2 minutes
Three steps. No code.
- 1
Connect your AI app
Add HTFlow to Claude, ChatGPT or your code editor. You do this once, and it takes a couple of minutes.
- 2
Ask for what you want
“Build a site for my bakery with a menu page.” The AI plans the design, then writes the pages and sections in HTFlow.
- 3
Open it, refine it, ship it
The site is in your HTFlow dashboard. Keep asking for changes, edit it by hand, copy it to Webflow or publish it.
Which app do you use?
Chat apps are the easiest: add HTFlow, sign in, done. Code editors take one extra step — you paste a small config with your HTFlow API token.
Chat apps Easiest
Talk to it like a designer.
Once you're connected, try one of these. Click to copy.
Good to know.
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.
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 it makes 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.
Where do the sites end up?
In your HTFlow dashboard, like any other site. Open one in the builder, copy it into Webflow, or publish it.
How do I disconnect?
Remove HTFlow from your AI app's connectors. For a code editor, delete its API token in HTFlow → Settings → API tokens; it stops working straight away.