Skip to content

Commit 9426b48

Browse files
updated local instructions
1 parent e582be3 commit 9426b48

File tree

1 file changed

+20
-8
lines changed

1 file changed

+20
-8
lines changed

README.md

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ Get started by installing Webflow's remote MCP server. The remote server uses OA
1919

2020
- Node.js 22.3.0 or higher
2121

22-
> Note: The MCP server currently supports Node.js 22.3.0 or higher. If you run into version issues, see Node.js compatibility below.
22+
> Note: The MCP server currently supports Node.js 22.3.0 or higher. If you run into version issues, see the Node.js compatibility section below.
2323
2424
### Cursor
2525

@@ -41,12 +41,11 @@ Get started by installing Webflow's remote MCP server. The remote server uses OA
4141

4242
> Tip: You can create a project-level `mcp.json` to avoid repeated auth prompts across multiple Cursor windows. See Cursor’s docs on [configuration locations.](https://docs.cursor.com/en/context/mcp#configuration-locations)
4343
44-
4. Save and close the file. Cursor will automatically open an OAuth login page where you can authorize the Webflow sites.
44+
4. Save and close the file. Cursor will automatically open an OAuth login page where you can authorize Webflow sites to use with the MCP server.
4545

4646
#### Open the Webflow Designer
4747

48-
- Open your site in the Webflow Designer.
49-
- Or ask your AI agent:
48+
- Open your site in the Webflow Designer, or ask your AI agent:
5049

5150
```text
5251
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
@@ -76,7 +75,7 @@ Create a hero section card on my home page with a CTA button and responsive desi
7675

7776
### Claude desktop
7877

79-
#### Add MCP Server to Claude desktop
78+
#### Add MCP server to Claude desktop
8079

8180
1. Enable developer mode: `Help → Troubleshooting → Enable Developer Mode`.
8281
2. Open developer settings: `File → Settings → Developer`.
@@ -97,6 +96,12 @@ Create a hero section card on my home page with a CTA button and responsive desi
9796

9897
#### Open the Webflow Designer
9998

99+
- Open your site in the Webflow Designer, or ask your AI agent:
100+
101+
```text
102+
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
103+
```
104+
100105
#### Open the MCP Webflow App
101106

102107
1. In the Designer, open the Apps panel (press `E`).
@@ -121,7 +126,7 @@ Create a hero section card on my home page with a CTA button and responsive desi
121126

122127
## Local Installation
123128

124-
You can also configure thee MCP server to run locally. This requires:
129+
You can also configure the MCP server to run locally. This requires:
125130

126131
- Creating and registering your own MCP Bridge App in a Webflow workspace with Admin permissions
127132
- Configuring your AI client to start the local MCP server with a Webflow API token
@@ -134,10 +139,10 @@ Before connecting the local MCP server to your AI client, create and publish the
134139
2. Clone the MCP Bridge App code:
135140
```bash
136141
git clone https://github.com/virat21/webflow-mcp-bridge-app
137-
cd webflow-designer-mcp-bridge-app
142+
cd webflow-mcp-bridge-app
138143
```
139144
3. Configure the app with your App credentials:
140-
- Set your Client ID and Client Secret in a `.env` file for the App you registered.
145+
- Set your Client ID and Client Secret in an `.env` file for the App you registered.
141146
- See the app repo’s README for exact variables and build steps.
142147
4. Build and publish the Designer Extension to your workspace:
143148
- Build per the repo instructions.
@@ -188,13 +193,20 @@ Add to `claude_desktop_config.json`:
188193
- Open your site in the Webflow Designer.
189194
- Open the Apps panel (press `E`) and launch your published “Webflow MCP Bridge App”.
190195
- Wait for the app to connect to the MCP server, then use tools from your AI client.
196+
- 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.
191197

192198
### Optional: Run locally via shell
193199

194200
```bash
195201
WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>" npx -y webflow-mcp-server@latest
196202
```
197203

204+
```powershell
205+
# PowerShell
206+
$env:WEBFLOW_TOKEN="<YOUR_WEBFLOW_TOKEN>"
207+
npx -y webflow-mcp-server@latest
208+
```
209+
198210
## ❓ Troubleshooting
199211

200212
If you are having issues starting the server in your MCP client e.g. Cursor or Claude Desktop, please try the following.

0 commit comments

Comments
 (0)