Skip to content

Commit 190435f

Browse files
Update README.md
Duplication instruction removed
1 parent 4c61ba8 commit 190435f

File tree

1 file changed

+0
-84
lines changed

1 file changed

+0
-84
lines changed

README.md

Lines changed: 0 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -136,90 +136,6 @@ Please see the Node.js [compatibility guidance on Webflow's developer docs.](htt
136136

137137
---
138138

139-
## Local Installation
140-
141-
You can also configure the MCP server to run locally. This requires:
142-
143-
- Creating and registering your own MCP Bridge App in a Webflow workspace with Admin permissions
144-
- Configuring your AI client to start the local MCP server with a Webflow API token
145-
146-
### 1. Create and publish the MCP bridge app
147-
148-
Before connecting the local MCP server to your AI client, create and publish the Webflow MCP Bridge App in your workspace.
149-
150-
1. Register a Webflow App in your Workspace. Follow the [Register an App](https://developers.webflow.com/data/v2.0.0/docs/register-an-app) guidance for more details.
151-
2. Clone the MCP Bridge App code:
152-
```bash
153-
git clone https://github.com/virat21/webflow-mcp-bridge-app
154-
cd webflow-mcp-bridge-app
155-
```
156-
3. Configure the app with your App credentials:
157-
- Set your Client ID and Client Secret in an `.env` file for the App you registered.
158-
- See the app repo’s README for exact variables and build steps.
159-
4. Build and publish the Designer Extension to your workspace:
160-
- Build per the repo instructions.
161-
- Publish the App to your workspace via the Webflow Dashboard → Workspace settings → Apps & Integrations → Develop→ your App → “Publish Extension Version” and upload your `bundle.zip` file.
162-
163-
Once published to your workspace, open your MCP Bridge App in a site on your workspace from the Designer’s Apps panel.
164-
165-
### 2. Configure your AI client
166-
167-
#### Cursor
168-
169-
Add to `.cursor/mcp.json`:
170-
171-
```json
172-
{
173-
"mcpServers": {
174-
"webflow": {
175-
"command": "npx",
176-
"args": ["-y", "webflow-mcp-server@latest"],
177-
"env": {
178-
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
179-
}
180-
}
181-
}
182-
}
183-
```
184-
185-
#### Claude desktop
186-
187-
Add to `claude_desktop_config.json`:
188-
189-
```json
190-
{
191-
"mcpServers": {
192-
"webflow": {
193-
"command": "npx",
194-
"args": ["-y", "webflow-mcp-server@latest"],
195-
"env": {
196-
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
197-
}
198-
}
199-
}
200-
}
201-
```
202-
203-
### 3. Use the MCP server with the Webflow Designer
204-
205-
- Open your site in the Webflow Designer.
206-
- Open the Apps panel (press `E`) and launch your published “Webflow MCP Bridge App”.
207-
- Wait for the app to connect to the MCP server, then use tools from your AI client.
208-
- If the Bridge App prompts for a local connection URL, call the `get_designer_app_connection_info` tool from your AI client and paste the returned `http://localhost:<port>` URL.
209-
210-
### Optional: Run locally via shell
211-
212-
```bash
213-
WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>" npx -y webflow-mcp-server@latest
214-
```
215-
216-
```powershell
217-
# PowerShell
218-
$env:WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>"
219-
npx -y webflow-mcp-server@latest
220-
```
221-
222-
---
223139

224140
## Local Installation
225141

0 commit comments

Comments
 (0)