• 読み取り
  • 書き込み
  • 表示
  • 人間による管理

AIでWebflowのCMSコレクションを自動更新する方法

AIをWebflowに一度接続するだけで、チャット形式の指示からサイトの動的コンテンツを管理できるようになります。

このページについてAIに聞く

すぐに答え

AIを使ってWebflow CMSを管理する方法

AIクライアントが専用ツールを使用して、既存のコレクションの確認や新しいアイテムの追加を行います。必要な内容を伝えるだけで、データ入力や一括追加を自動化できます。データの確認から新規登録まで、すべてスムーズに行えます。

実現できること

主な機能

データに関する重労働はAIが引き受けます。

読み取り

コレクションの特定

AIがWebflowアカウント内をスキャンし、利用可能なCMSコレクションを特定します。どのコレクションが操作可能かすぐに把握できます。

書き込み

新規アイテムの追加

指定したコレクションに新しいエントリを作成します。入力したテキストは、設定済みの各フィールドに直接マッピングされます。

表示

既存データの確認

コレクション内のアイテム一覧をAIに要求できます。サイト上にどのようなデータが公開されているか、簡単に検証可能です。

人間による管理

確認と編集

AIがサイトのデザインや構造を変更することはありません。レイアウトや最終的な見た目は、引き続きあなたがコントロールできます。

ワークフロー

リクエストを受けた際のAIの動作

AIは論理的なステップに従って、データの検索と入力を行います。

  1. コレクションの検索

    Webflowアカウントをスキャンし、使用可能なCMSコレクションを確認します。

    list_cms_collections
  2. コンテンツの調査

    コレクション内の特定のアイテムを確認し、既存のデータを把握します。

    list_collection_items
  3. エントリの作成

    指示に基づき、指定されたWebflowコレクションに新しいレコードを作成します。

    create_collection_item
  4. 完了の確認

    アイテムが正しく追加されたかを確認し、次のタスクへ進める状態にします。

    create_collection_item

試してみる

以下のプロンプトをコピーして開始

まずはこれらのプロンプトを使って、最初のタスクを実行してみましょう。

出発点

これらは基本となる例です。実際のWebflowの設定に合わせて、コレクション名やフィールドの詳細を書き換えて使用してください。

Webflow Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/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-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp"
    }
  }
}
チャットにコピー04
  • 利用可能なWebflow CMSコレクションをすべてリストアップしてください。

  • 「Blog Posts」コレクションを探して、含まれているアイテムの数を教えてください。

  • 「Products」コレクションに、名前が「Blue Widget」、価格が「25」の新しいアイテムを作成してください。

  • 「Team Members」コレクション内のアイテムを確認して、登録されているメンバーを教えてください。

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

ここから始める

Webflowへの接続は一度だけ

Vinkiusのダッシュボードからアカウントを連携するだけです。認証情報は暗号化されて保護されるため、すぐにWebflowのデータとチャットを開始できます。

WebflowをAIに接続する

FAQ

Webflowタスクの仕様について

  • 01

    AIはWebflowコレクション内のアイテムを削除できますか?

    いいえ。現在のツールでは、アイテムのリスト表示と作成のみが可能で、削除はできません。

  • 02

    AIはWebflowサイトのレイアウトを変更できますか?

    いいえ。AIが操作するのはCMSデータのみです。CSS、HTML、またはサイトのデザインに影響を与えることはありません。

  • 03

    すべてのフィールドを手動で入力する必要がありますか?

    いいえ。詳細をAIに伝えるだけで、入力プロセスはAIが代行します。

  • 04

    既存のアイテムを更新するために使えますか?

    いいえ。現在利用可能なツールは、アイテムのリスト表示と新規作成に限定されています。

  • 05

    同じ指示を繰り返すと、重複したアイテムが作成されますか?

    はい。同じコマンドを複数回実行すると、AIはコレクション内に全く同じアイテムを再度作成します。

  • Webflowに関するその他の質問は、Connectorのページで確認できます。 Webflow Connectorの全機能を見る

『Webflow』を Claude、Cursor、ChatGPT などに接続