---
title: "连接 Webflow 插件"
summary: "在 Plugins 中安装 Webflow 并授权站点。编辑画布、样式和组件时，需要在 Designer 中启动 MCP Bridge App。"
category: mcp
level: starter
surfaces: [cli, app]
tags: ["MCP", "Webflow", "plugins", "OAuth"]
canonical: /tips/webflow-codex-plugin/
---

# 连接 Webflow 插件

在 Plugins 中安装 Webflow 并授权站点。编辑画布、样式和组件时，需要在 Designer 中启动 MCP Bridge App。

Webflow 可通过 Codex 的公共插件目录连接。帮助中心写：在 ChatGPT 桌面应用切到 Codex，Plugins 搜 Webflow，点 Install。

只有 Workspace owner、Workspace admin 或 Site manager 才能给站点授权。Reviewer 不行。MCP 跟着你现有的 Webflow 权限走，装插件不会抬权限。一次授权只覆盖一个 workspace；要换 workspace，先卸再装、重新授权。

官方帮助步骤：

1. 打开 ChatGPT 桌面应用，切到 Codex
2. 打开 Plugins，搜 Webflow
3. 在 Webflow 插件旁点 Install
4. Connect Webflow 对话框里点 Continue to Webflow
5. 浏览器里勾选要给 Codex 的站点或 Workspace
6. 点 Authorize App，回到 Codex

TUI 输入 `/plugins` 搜 Webflow 是同一套公共目录。0.154 起先在**当前会话**看 `/plugins`；当前会话没有再新开。IDE 扩展没有 `/plugins`，用桌面或 CLI。安装后重新打开会话，直接问「列出这个站点的 CMS Collection 和字段」，或让它搭一个博客 Collection 加起步条目。

Webflow 的 Codex 帮助采用插件安装流程。其他客户端使用的远程地址为 `https://mcp.webflow.com/mcp`；Beta 和文档站使用独立入口。

改画布、样式、组件要走 Designer API：浏览器打开该站点的 Designer，按 `E` 打开 Apps，启动 Webflow MCP Bridge App，连上后再让 Codex 动手。桥接应用会在 OAuth 时自动装，不在公开 Marketplace。只管 CMS、Collection、自定义代码时，Designer 可以不开。

Webflow 插件包含站点审计、CMS、发布和开发脚手架等技能。

网页 Cloud 不读取 `~/.codex/config.toml`。Cloud 也走 Plugins 搜 Webflow。配置后用 `codex plugin list` 核对已装。

## 来源

- [Webflow · Connect Codex to Webflow](https://help.webflow.com/hc/en-us/articles/53625430351507-Connect-Codex-to-Webflow)
- [Webflow · Webflow is now available in Codex](https://webflow.com/updates/webflow-in-codex)
- [Webflow · Getting started](https://developers.webflow.com/mcp/reference/getting-started)