Connect HTFlow to your AI tools with the public MCP server
Use one MCP endpoint for Claude Desktop, Cursor, Kiro, and Antigravity. Generate an API token in HTFlow, add the config, and start building Webflow-ready sections directly from your client.
Endpoint
https://mcp.htflow.com/mcp
{
"mcpServers": {
"htflow": {
"url": "https://mcp.htflow.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_TOKEN"
}
}
}
}Quick setup
How to connect the HTFlow MCP server
The setup flow is the same across supported clients. Generate one token, drop in the MCP config, and authenticate with the same endpoint.
Create an API token
Open Settings > API Tokens in your HTFlow account and generate a token for the client you want to connect.
Paste the MCP config
Add the HTFlow MCP server JSON to your MCP client config file and replace YOUR_TOKEN with the token you generated.
Start generating
Ask your AI client to generate sections, refine layouts, and export Webflow-ready output through HTFlow.
Supported clients
Use the same configuration in each MCP client
Replace YOUR_TOKEN with your HTFlow API token.
Claude Desktop
~/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"htflow": {
"url": "https://mcp.htflow.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_TOKEN"
}
}
}
}Cursor
.cursor/mcp.json
{
"mcpServers": {
"htflow": {
"url": "https://mcp.htflow.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_TOKEN"
}
}
}
}Kiro
~/.kiro/settings/mcp.json
{
"mcpServers": {
"htflow": {
"url": "https://mcp.htflow.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_TOKEN"
}
}
}
}Antigravity
MCP client settings
{
"mcpServers": {
"htflow": {
"serverUrl": "https://mcp.htflow.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_TOKEN"
}
}
}
}Ready to use HTFlow through MCP?
Generate your token, connect your client, and start building Webflow-ready sections from Claude, Cursor, Kiro, or Antigravity.