Built for Webflow · MCP-ready

Build websites with AI.
Ship to Webflow.

Generate complete websites with AI. Refine through conversation. Export production-ready code straight into Webflow.

Powered by HTFlow AI

Works with your favorite AI tools

Claude.aiChatGPTCursorVS CodeWindsurfKiroAntigravityClaude CodeTraeGitHub CopilotClaude.aiChatGPTCursorVS CodeWindsurfKiroAntigravityClaude CodeTraeGitHub Copilot

How it works

From idea to Webflow,
in three steps.

Avg. session: ~2 minutes.
01
Step 01

Describe

Tell the AI what you need in plain English — a hero, a pricing page, a full site.

02
Step 02

Refine

Preview live and iterate with conversational edits until it's exactly right.

03
Step 03

Export

One-click export to clean HTML/CSS that pastes straight into Webflow.

Features

Everything you need
to ship faster.

Generation

AI that ships, not demos.

Describe a section, a page, or an entire site. Get clean, production-ready output in seconds — no boilerplate, no babysitting.

+1.2s
Export

Native Webflow export.

Clean, semantic HTML/CSS that imports without any cleanup.

$ htflow export --target=webflow

Conversational editing

Refine designs with plain-English edits. AI handles the code underneath.

Responsive by default

Mobile-first components that work everywhere, out of the box.

Consistent design system

AI keeps your colors, type, and spacing in sync across every section.

MCP server

Build websites from
your AI IDE.

The HTFlow MCP server connects directly to Cursor, Claude Code, Windsurf, and more. Generate, preview, and export — all without leaving your editor.

IDEs
  • VS Code
  • Cursor
  • Windsurf
  • Kiro · Trae
Agents
  • Claude.ai · Claude Code
  • ChatGPT
  • GitHub Copilot
  • Kimi Code
Get MCP server
HTFlow MCP
Connected
U
Build a SaaS landing page with hero, features, and pricing.
AI
Setting up your site now.
create_website("SaaS Landing")
create_section("Hero")
create_section("Features")
publish_website("my-saas")
Live at my-saas.htflow.dev

Built for

Made for people who ship.

01

Freelancers

Deliver client sites faster. Generate, refine, and export without touching code.

02

Agencies

Scale your Webflow output. AI handles the build while your team focuses on strategy.

03

Startups

Launch fast without a dev team. Idea to live site in minutes.

04

Webflow developers

Speed up your workflow with AI scaffolding. Keep full control of the final output.

Pricing

Simple, transparent pricing.

Start free. Upgrade when you need more.

Free

Try HTFlow with no commitment.

$0forever

  • Bring your own AI key
  • 1 website
  • 10 Webflow copies/month
  • MCP server access
  • Visual + code editor
Start free
Most popular

Pro

For professionals shipping client work.

$20/month

  • Bring your own AI key
  • Unlimited websites
  • Unlimited Webflow copies
  • MCP server access
  • All export formats
  • Custom styling & design system
  • Version history
  • Priority support
Upgrade to Pro

Team

For agencies and collaborative teams.

$50/month

  • Shared BYOK setup
  • Everything in Pro
  • Up to 5 team members
  • Shared workspace
  • Team analytics
  • Dedicated support
Start team plan

Testimonials

Trusted by Webflow pros.

HTFlow changed how I work with Webflow. My delivery time dropped from days to hours.
MR
Marcus Rivera
Webflow Developer
The code quality is impressive. It imports into Webflow without any issues — essential for my agency.
SC
Sarah Chen
Agency Owner
The Webflow export actually works perfectly. No cleanup needed. Just copy, paste, and ship.
DK
David Kim
Freelance Designer

Your next site is a prompt away.

Start free. No credit card required. Generate your first website in under two minutes.

Start building freeExplore MCP server

FAQ

Frequently asked questions.

How does HTFlow export to Webflow?
HTFlow generates clean, semantic HTML and CSS that you can copy directly into Webflow's custom code embed or import as components. The code is optimized for Webflow's structure, so there's no cleanup needed.
Do I need coding experience?
Not at all. HTFlow is designed for everyone — describe what you want in plain English, and the AI handles the technical details. You can also edit code directly if you prefer.
What's included in the free plan?
The free plan includes 1 website, 10 Webflow copies per month, BYOK AI access, the visual and code editor, and standard HTML/CSS export. No credit card required.
Can I customize the generated designs?
Absolutely. Refine any generation through conversational editing, tweak it in the visual editor, or edit the code directly. Once exported to Webflow, you have full control.
What is the MCP server?
The MCP (Model Context Protocol) server lets you use HTFlow from AI-powered IDEs and agents like Cursor, Claude Code, Windsurf, and more. Build full Webflow websites directly from your coding environment.
Is the generated code responsive?
Yes. All generated components are mobile-first and fully responsive. They work on all devices right out of the box.