- READ
- WRITE
- CHECK
- MANUAL
すぐに答え
AIでWebflowのCMSを更新するには?
AIエージェントがWebflowのツールを使用してコレクションを特定し、チャットでの指示に基づいて新しいアイテムを挿入します。具体的な動作は以下の詳細をご確認ください。
実行結果
AIエージェントができること
データ入力や検索作業はAIが担当するため、手動で行う必要はありません。
READ
コンテンツの可視化
エージェントが既存のコレクションやアイテムを検索します。サイト上にどのコンテンツが公開されているかを正確に把握できます。
WRITE
新規CMS登録
エージェントがコレクションに新しいアイテムを作成します。チャットのテキスト内容を、適切なフィールドへ自動的に割り当てます。
CHECK
重複の防止
アイテムを追加する前に、既存のデータと重複していないかを確認できます。データベースを常にクリーンな状態に保てます。
MANUAL
人間による確認
AIがデータを準備しますが、最終的な判断はあなたが行います。どのエントリーをサイトに反映させるかを決定できます。
ワークフロー
リクエストを受けた際のAIの動作
エージェントは論理的な手順に従ってWebflowのデータとやり取りします。
コレクションの特定
エージェントが利用可能なCMSコレクションを特定し、操作対象を把握します。
list_cms_collectionsアイテムの走査
特定のコレクションから現在のアイテム一覧を取得し、既存コンテンツを確認します。
list_collection_itemsコンテンツの追加
指示された新しいデータを、選択したWebflowのコレクションへ書き込みます。
create_collection_item登録の検証
作成ツールを使用して、新しいアイテムが正常に追加されたことを確認します。
create_collection_item
試してみる
以下のプロンプトをコピーして開始
チャットにこれらを貼り付けるだけで、Webflowの操作を開始できます。
出発点
これらは入力の例です。コレクション名は実際のWebflowの設定に合わせて書き換えてください。
Webflow Connector
準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。
https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/mcpClaude Desktop
以下の手順で数秒で接続できます。
- 1In Claude Desktop, open Settings → Connectors.
- 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
- 3Click Add and start a new chat — Webflow capabilities are ready to use.
{
"mcpServers": {
"webflow-mcp": {
"url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/mcp"
}
}
}WebflowのCMSコレクションを一覧表示して。
'Blog Posts'コレクション内のアイテムを表示して。
'Products'コレクションに、名前が'Leather Journal'で価格が'45'の新しいアイテムを追加して。
CMSコレクションの中に'Summer Collection'が存在するか確認して。
Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline
ここから始める
一度Webflowと連携すれば、あとは指示するだけ
以下のリンクから連携してください。ログイン情報は暗号化されて保護されるため、すぐにチャットを開始できます。
WebflowをAIに連携するFAQ
動作に関する詳細
- 01
AIはCMSアイテムを削除できますか?
いいえ。エージェントができるのは、コレクションのリスト表示、アイテムのリスト表示、および新規作成のみです。データを削除するツールは持っていません。
- 02
AIは既存のアイテムを編集できますか?
いいえ。エージェントは新しいアイテムを作成することのみ可能です。コレクション内にある既存のアイテムを修正したり更新したりすることはできません。
- 03
AIがサイトのデザインを変更することはありませんか?
はい、ありません。この連携はCMSデータのみに限定されています。Webflowのスタイル、レイアウト、またはページ自体に影響を与えることはできません。
- 04
どのフィールドに値を入力すべきか、どうやって判断するのですか?
エージェントがまずコレクションの構造を読み取り、その情報に基づいてチャットの入力を適切なフィールドへマッピングします。
- 05
CursorやClaudeでも使えますか?
はい。MCPに対応しているクライアントであれば、どのアプリでも使用可能です。
Webflowについて他に質問がありますか? Webflow Connectorの全機能を見る
『Webflow』を Claude、Cursor、ChatGPT などに接続
