Skip to content

Commit 5709c98

Browse files
Update README.md
docs: update setup instructions for Webflow MCP Bridge App
1 parent 65fa68a commit 5709c98

File tree

1 file changed

+24
-16
lines changed

1 file changed

+24
-16
lines changed

README.md

Lines changed: 24 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -230,22 +230,30 @@ You can also configure the MCP server to run locally. This requires:
230230

231231
### 1. Create and publish the MCP bridge app
232232

233-
Before connecting the local MCP server to your AI client, create and publish the Webflow MCP Bridge App in your workspace.
234-
235-
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.
236-
2. Clone the MCP Bridge App code:
237-
```bash
238-
git clone https://github.com/virat21/webflow-mcp-bridge-app
239-
cd webflow-mcp-bridge-app
240-
```
241-
3. Configure the app with your App credentials:
242-
- Set your Client ID and Client Secret in an `.env` file for the App you registered.
243-
- See the app repo’s README for exact variables and build steps.
244-
4. Build and publish the Designer Extension to your workspace:
245-
- Build per the repo instructions.
246-
- 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.
247-
248-
Once published to your workspace, open your MCP Bridge App in a site on your workspace from the Designer’s Apps panel.
233+
Before connecting the local MCP server to your AI client, you must create and publish the **Webflow MCP Bridge App** in your workspace.
234+
235+
### Steps
236+
237+
1. **Register a Webflow App**
238+
- Go to your Webflow Workspace and register a new app.
239+
- Follow the official guide: [Register an App](https://developers.webflow.com/data/v2.0.0/docs/register-an-app).
240+
241+
2. **Get the MCP Bridge App code**
242+
- Option A: Download the latest `bundle.zip` from the [releases page](https://github.com/virat21/webflow-mcp-bridge-app/releases).
243+
- Option B: Clone the repository and build it:
244+
```bash
245+
git clone https://github.com/virat21/webflow-mcp-bridge-app
246+
cd webflow-mcp-bridge-app
247+
```
248+
- Then build the project following the repository instructions.
249+
250+
3. **Publish the Designer Extension**
251+
- Go to **Webflow Dashboard → Workspace settings → Apps & Integrations → Develop → Your App**.
252+
- Click **“Publish Extension Version”**.
253+
- Upload your built `bundle.zip` file.
254+
255+
4. **Open the App in Designer**
256+
- Once published, open the MCP Bridge App from the **Designer → Apps panel** in a site within your workspace.
249257

250258
### 2. Configure your AI client
251259

0 commit comments

Comments
 (0)