Webflow MCP

Claude（claude.ai・アプリ）

公式コネクタとして一覧にある

1. チャット欄の「＋」→「コネクタを追加」
2. 「Webflow」を検索して「接続」（見つからなければ「All」を選ぶ）
3. Webflowにログインし、サイトを選んで「Authorize App」
4. 一覧に無いときは「カスタムコネクタを追加」で URL に https://mcp.webflow.com/mcp を入れる

ChatGPT

公式アプリあり

1. ChatGPTで Webflow アプリのページを開き「Connect」
2. 「Sign in with Webflow」でログインし、許可する
3. サイトを選んで「Authorize App」
4. 会話で @Webflow と書いて使う

Claude Code

ターミナル。1行＋ログイン

1. 次のコマンドを実行
2. Claude Code で /mcp を開き、webflow を選ぶ
3. ブラウザでサイトを選んで許可する

claude mcp add --transport http webflow https://mcp.webflow.com/mcp

Cursor

公式プラグインか、設定ファイルに書く

1. Cursor Settings → MCP & Integrations で「Add Custom MCP」
2. 下の内容を .cursor/mcp.json に書いて保存
3. 「Connect」を押し、サイトを選んで許可する

{
  "mcpServers": {
    "webflow": {
      "url": "https://mcp.webflow.com/mcp"
    }
  }
}