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.

Antigravity

IDE

Use the HTFlow MCP server with Antigravity's remote MCP setup.

Endpoint

https://mcp.htflow.com/mcp

Config path

Antigravity MCP settings

Setup guide

Connect Antigravity to HTFlow

API tokens

Open Antigravity and click the three-dot menu (···) at the top of the Agent panel. Select "MCP Servers" from the dropdown.

This opens the MCP Store. Click the "Manage MCP Servers" button in the top-right corner to open the MCP configuration where you can add a custom server.

This opens the "Manage MCP servers" page. Click "View raw config" to open the raw JSON configuration file where you can add the HTFlow MCP server.

This opens the mcp_config.json file at ~/.gemini/antigravity/mcp_config.json. Paste the config below and replace YOUR_TOKEN with your real HTFlow API token. Antigravity uses serverUrl instead of url.

mcp_config.json

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

Save the config and restart Antigravity. You can now ask the agent to generate a full website through HTFlow MCP.

Client notes

• Antigravity uses serverUrl instead of url.

Config snippet

mcp_config.json

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

Antigravity

IDE

Use the HTFlow MCP server with Antigravity's remote MCP setup.

Endpoint

https://mcp.htflow.com/mcp

Config path

Antigravity MCP settings

Setup guide

Connect Antigravity to HTFlow

API tokens

Open Antigravity and click the three-dot menu (···) at the top of the Agent panel. Select "MCP Servers" from the dropdown.

This opens the MCP Store. Click the "Manage MCP Servers" button in the top-right corner to open the MCP configuration where you can add a custom server.

This opens the "Manage MCP servers" page. Click "View raw config" to open the raw JSON configuration file where you can add the HTFlow MCP server.

This opens the mcp_config.json file at ~/.gemini/antigravity/mcp_config.json. Paste the config below and replace YOUR_TOKEN with your real HTFlow API token. Antigravity uses serverUrl instead of url.

mcp_config.json

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

Save the config and restart Antigravity. You can now ask the agent to generate a full website through HTFlow MCP.

Client notes

• Antigravity uses serverUrl instead of url.

Config snippet

mcp_config.json

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