AI Integration (MCP)
Convertex includes a Model Context Protocol (MCP) server that connects directly to Claude AI. Once installed, Claude can generate HTML and CSS that is fully compatible with Convertex's conversion engine — giving you Webflow-ready code straight from a conversation.
What is MCP?
The Model Context Protocol is an open standard developed by Anthropic that allows AI assistants like Claude to connect to external tools and data sources. Think of it as a bridge: Claude can reach out to Convertex's server to understand exactly how to write code that converts cleanly into Webflow.
When the MCP server is active, Claude automatically loads Convertex's generation rules before writing any HTML or CSS. This means the code it produces follows the exact patterns and structures that Convertex expects, resulting in high-fidelity Webflow output every time.
How It Works
The workflow is straightforward:
- You install the Convertex MCP server in Claude Desktop, Claude Code, or Cursor (one-time setup).
- You ask Claude to build something — a landing page hero, a pricing section, a navbar, a full page layout, anything.
- Claude generates HTML and CSS that follows Convertex's conversion rules automatically.
- You paste the output into Convertex and convert it to Webflow JSON as usual.
Claude handles the technical details behind the scenes. You simply describe what you want in plain language, and the output is ready for conversion.
Key Benefits
Consistent, High-Fidelity Output
Because Claude loads Convertex's rules before generating code, the output is structurally correct for conversion every time. No more trial and error adjusting HTML to work with the converter.
Webflow-Native Components
Claude knows how to generate the specific HTML patterns that Convertex needs for Webflow components like navbars, forms, tabs, sliders, dropdowns, and lightboxes. You do not need to memorize component structures — just ask for what you need.
Client-First Naming Support
The MCP integration includes support for Finsweet's Client-First naming conventions. If you follow Client-First in your Webflow projects, Claude can generate classes that match the methodology out of the box.
Works Across Platforms
The MCP server works with Claude Desktop, Claude Code (CLI), and Cursor AI. Use whichever environment fits your workflow.
The MCP integration enhances your Convertex workflow but does not replace it. Claude generates the HTML and CSS; you still convert and paste into Webflow through Convertex as usual.
What You Need
- A Convertex account (the MCP server is available on all plans).
- Claude Desktop, Claude Code, or Cursor AI installed on your machine.
- A few minutes for the one-time installation.
Next Steps
- Install the MCP server in your preferred platform.
- Explore the available skills to learn what Claude can generate.
- Check the FAQs for common questions about the integration.