AIを使ってWebflowのCMSアイテムを一括更新する方法

エージェントに実行したい変更内容を伝えるだけで、Webflowのコレクション全体に対して更新が適用されます。指示に基づいたデータの検索や修正といった複雑な作業はすべてAIが行います。結果はすぐにCMSに反映されます。

1. 01

   データの特定

   まずエージェントが、指示の内容に沿った適切なコンテキストを把握するために、対象となるコレクションや特定のアイテムを特定します。

   list_collectionslist_items
2. 02

   変更の適用

   対象となるアイテムが特定されると、エージェントは指示された更新内容をWebflowのデータベースに反映させます。

   update_items
3. 03

   新規コンテンツの追加

   サイトのコンテンツを増やす場合、エージェントは指定されたフィールド値を持つ新しいエントリを作成します。

   create_items
4. 04

   データの整理

   条件に合わなくなった特定のアイテムを、コレクションから削除することも可能です。

   delete_items

Webflow Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — Webflow capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "webflow-alternative-1-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

リンクをクリックしてアカウントを接続してください。認証情報は暗号化されて安全に保持され、すぐにWebflowのデータとチャットを開始できます。

• 01

  AIがWebflowサイトのデザインやCSSを変更することはありますか？

  いいえ。AIはCMSコレクション内のデータのみを操作します。サイトのレイアウト、スタイル、コードを書き換えることはできません。

• 02

  操作を間違えた場合、コレクション全体が削除されてしまうことはありますか？

  いいえ。エージェントは、あなたが明示的に削除を指示した特定のアイテムのみを削除します。コレクション全体を一括で消去する機能はありません。

• 03

  事前にアイテムIDを手動で調べておく必要がありますか？

  いいえ。エージェントはコレクションやアイテムの一覧を取得する機能を持っているため、指示された名前やプロパティに基づいて適切なエントリを自動で見つけ出します。

• 04

  CMSに画像をアップロードするために使えますか？

  いいえ。現在のツールは、既存のコレクションアイテム内のテキストやフィールドデータの管理に限定されています。

• 05

  AIはどのコレクションを更新すべきか、どうやって判断するのですか？

  プロンプトの中で言及された名前に一致するものを、利用可能なコレクションの中から検索して特定します。

• Webflowに関するその他の質問 Webflow Connectorの全機能を見る