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 to use HTFlow?

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, MCP access, 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.

Kiro

IDE

Set up HTFlow MCP in Kiro with your HTFlow API token.

Endpoint

https://mcp.htflow.com/mcp

Config path

~/.kiro/settings/mcp.json

Setup guide

Connect Kiro to HTFlow

API tokens

Open Kiro and scroll down to the "MCP SERVERS" section in the left panel. Click the pencil icon in the top-right corner of the section to open the mcp.json config file at ~/.kiro/settings/mcp.json.

This opens the mcp.json file under the "User Config" tab at ~/.kiro/settings/mcp.json. Paste the config below and replace YOUR_TOKEN with your real HTFlow API token.

mcp_config.json

{
  "mcpServers": {
    "htflow": {
      "url": "https://mcp.htflow.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_TOKEN"
      }
    }
  }
}

Save the file and restart Kiro. The MCP server should now appear under the "MCP SERVERS" section. You can now ask Kiro to generate a full website through HTFlow MCP.

Config snippet

mcp_config.json

{
  "mcpServers": {
    "htflow": {
      "url": "https://mcp.htflow.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_TOKEN"
      }
    }
  }
}

Kiro

IDE

Set up HTFlow MCP in Kiro with your HTFlow API token.

Endpoint

https://mcp.htflow.com/mcp

Config path

~/.kiro/settings/mcp.json

Setup guide

Connect Kiro to HTFlow

API tokens

Open Kiro and scroll down to the "MCP SERVERS" section in the left panel. Click the pencil icon in the top-right corner of the section to open the mcp.json config file at ~/.kiro/settings/mcp.json.

This opens the mcp.json file under the "User Config" tab at ~/.kiro/settings/mcp.json. Paste the config below and replace YOUR_TOKEN with your real HTFlow API token.

mcp_config.json

{
  "mcpServers": {
    "htflow": {
      "url": "https://mcp.htflow.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_TOKEN"
      }
    }
  }
}

Save the file and restart Kiro. The MCP server should now appear under the "MCP SERVERS" section. You can now ask Kiro to generate a full website through HTFlow MCP.

Config snippet

mcp_config.json

{
  "mcpServers": {
    "htflow": {
      "url": "https://mcp.htflow.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_TOKEN"
      }
    }
  }
}