zed -webflow

This MCP server extension integrates the Webflow MCP Server as a context server for Zed's Agent Panel. It enables Webflow-related context and capabilities to be surfaced inside Zed, allowing agents to interact with Webflow projects, flows, and data directly from the Zed interface. Once installed, configure your Webflow token in the extension settings to enable authenticated access. The extension exposes a context server named mcp-server-webflow that Zed can query for Webflow context, enabling features like project awareness, token-based authentication, and seamless command exchange between Zed and Webflow's MCP backend.

Prerequisites:

• A running Zed installation with Extensions support enabled.
• Access to install or enable extensions from Zed's Extensions panel.
• A Webflow token required for authentication with the Webflow MCP Server.

Steps:

1. In Zed, open Extensions and search for the Webflow MCP Server extension named “Webflow MCP Server Extension for Zed” (loamstudios-zed-mcp-server-webflow).
2. Install the extension and open its settings.
3. In Settings, enter your Webflow token in the field webflow_token.
4. The extension will register a context server named mcp-server-webflow for Zed to consume. If your environment requires manual startup, this extension uses npx to launch the Webflow MCP server package. Ensure you have Node.js and npm installed.

Code example (manual startup, if needed):

# Install and run the Webflow MCP Server via NPX (token-based auth)
npx -y webflow-mcp-server

Note: The exact package name used by the extension may vary; the extension uses the Webflow MCP Server package to expose Webflow context to Zed.

Tips:

• Ensure the Webflow_TOKEN you provide has the necessary permissions for MCP access.
• If you see authentication errors, double-check token scopes and that the token is enabled for MCP usage.
• The context server name to reference in Zed is mcp-server-webflow as shown in the example configuration.
• If the extension fails to start, verify your Node.js/npm installation and that npx is available in your environment.
• This MCP server operates as a bridge between Zed and Webflow MCP, so updates to Webflow’s MCP server or the Zed extension may require reloading the extension or restarting Zed.