gate
Sign inGet started

← Webflow MCP server

Webflow × VS Code

Use the Webflow MCP server
in VS Code

Read and update sites, pages, and CMS content in Webflow. This guide connects Webflow to VS Code (GitHub Copilot's agent mode) through a governed gateway — one URL that also works in every other MCP client you use, with your rules and a full log attached.

Connect Webflow free

Live-probed · Security-scanned · OAuth sign-in

Setup: Webflow in VS Code

VS Code adds MCP servers via MCP server configuration. The gateway route takes about two minutes:

  1. Connect Webflow to your free gate gateway from the verified directory.
  2. On your gate overview, click 'Add to VS Code' — VS Code prompts to add the gateway as an HTTP MCP server.
  3. Confirm and approve the sign-in.
  4. Copilot's agent mode can now use Webflow — logged and governed through your gateway.

What to ask once it’s connected

“Update the headline on the pricing page.”
“List the CMS items in the blog collection.”
“Which pages are missing meta descriptions?”
“Draft copy for a new landing-page section.”

Why route it through a gateway

One URL, every client

The same Webflow connection works in Claude, Claude Code, ChatGPT, Cursor too — no per-client re-wiring.

Rules before regret

Allow, ask, or block every tool Webflow exposes — reads can flow freely while writes require your approval.

Every call logged

A plain-language activity log of everything VS Code did with Webflow — searchable, exportable, auditable.

Scanned and probed

Webflow passed a live handshake probe and a security scan before listing — and drift detection watches it after you connect.

Connect Webflow freeEverything about Webflow MCP →

Also available: Webflow in Claude · Webflow in Claude Code · Webflow in ChatGPT · Webflow in Cursor