Webflow MCP向けAIエージェント
AIエージェントをWebflowのModel Context Protocol（MCP）サーバーとシームレスに統合。サイトやCMSの管理を自動化し、コンテンツ更新やインテリジェントなワークフローをWebflow Data API経由で直接実現。お気に入りのAIや開発者ツールから、ハンズオフな公開や細かなページ編集、スマートなコンポーネント管理まで可能にします。
WebflowサイトをAIで自動化・管理
公式MCPサーバーを使い、AIエージェントをWebflowサイトに接続。公開作業や静的・動的コンテンツ管理、高度なワークフローの自動化を手間なく実現します。強力なサイト・ページ・コンポーネント・CMSツールに安全なAPI連携で即時アクセス。
- サイトと公開.
- Webflowサイトの一覧取得・取得・自動公開で、サイト管理が効率化します。
- ページコンテンツ自動化.
- ページのメタデータや静的コンテンツを取得・更新。第二言語向けの高度なローカライズも対応。
- コンポーネント管理.
- Webflowコンポーネントへアクセス・更新・ローカライズし、柔軟な動的コンテンツを実現。
- CMS操作.
- AIワークフローから直接CMSコレクションやアイテムを作成・更新・公開できます。
人気AI・開発ツールと簡単連携
Webflow MCPサーバーをVS Code、Cursor、Claude Desktop、Windsurfなどの環境に接続。安全なOAuth認証でセキュアにアクセスし、クイックスタートガイドやサンプル設定ですぐに導入可能—クラウドでもローカルでも。
- クイックセットアップ.
- 主要エディタやクライアント向けの設定スニペットですぐにデプロイできます。
- 安全なOAuth認証.
- 安全に認証し、AIエージェントが管理できるWebflowサイトをコントロール可能。
- シームレスなツール対応.
- VS Code、Cursor、Claude Desktop、Windsurfと即連携可能。
高度なカスタマイズとトラブルシューティング
ローカル実行で完全管理、またはクラウドでスケール。詳細なトラブルシューティングガイドでトークン管理や権限設定も安心。Webflow Data APIの全機能を活用し、深いカスタマイズが可能です。
- ローカル & クラウドホスティング.
- ローカル開発かスケーラブルなクラウド運用か、用途に応じて選択できます。
- 包括的なトラブル対応.
- トークンリセット・キャッシュクリア・権限問題のガイドで自動化が途切れません。
MCP連携
利用可能なWebflow MCP連携ツール
以下のツールがWebflow MCP連携の一部として利用可能です：
- sites_list
Webflowアカウントに接続された全サイトを一覧表示します。
- sites_get
特定サイトの詳細情報を取得します。
- sites_publish
サイトへの変更を公開し、アップデートを反映します。
- pages_list
サイト内の全ページを一覧表示します。
- pages_get_metadata
特定ページのメタデータを取得します。
- pages_update_page_settings
特定ページの設定を更新します。
- pages_get_content
特定ページのコンテンツを取得します。
- pages_update_static_content
第二言語向けにページの静的コンテンツを更新します。
- components_list
サイト内の全コンポーネントを一覧表示します。
- components_get_content
テキスト・画像・入れ子コンポーネントなど、コンポーネントの内容を取得します。
- components_update_content
ローカライズ等のためにコンポーネント内容を更新します。
- components_get_properties
コンポーネントのデフォルトプロパティ値を取得します。
- components_update_properties
コンポーネントのデフォルトプロパティ値を更新します。
- collections_list
サイト内の全CMSコレクションを一覧表示します。
- collections_get
特定コレクションの詳細を取得します。
- collections_create
新しいCMSコレクションを作成します。
- collection_fields_create_static
コレクションに新しい静的フィールドを追加します。
- collection_fields_create_option
コレクションに新しいオプションフィールドを作成します。
- collection_fields_create_reference
コレクション内に参照フィールドを作成します。
- collection_fields_update
コレクションのカスタムフィールドを更新します。
- collections_items_create_item_live
コレクションに新規アイテムを作成し即時公開します。
- collections_items_update_items_live
コレクション内の既存アイテムを更新し即時公開します。
- collections_items_list_items
コレクション内の全アイテムを一覧表示します。
- collections_items_create_item
新しいコレクションアイテムを作成（ステージング・未公開）。
- collections_items_update_items
コレクションアイテムをステージで更新します。
- collections_items_publish_items
ステージ中のコレクションアイテムを公開します。
- custom_code_add_inline_site_script
特定サイト用のインラインスクリプトを登録します。
- custom_code_get_registered_site_script_list
サイトに登録された全スクリプトを一覧表示します。
- custom_code_get_applied_site_script_list
現在サイトに適用されている全スクリプトを取得します。
- custom_code_delete_site_custom_code
サイトから登録済みスクリプトを削除します。
- ask_webflow_ai
AIによるWebflowドキュメント検索を提供します。
AIエージェントをWebflowと即時連携
Cursor、Claude Desktop、Windsurf、VS CodeなどのAIエディタから、公式MCPサーバーを通じてWebflowサイトへ直接アクセス。安全なOAuthやAPIトークン連携で、強力な自動化・コンテンツ管理などを実現します。
Webflowとは
Webflowは、サンフランシスコに拠点を置くリーディングソフトウェア企業で、ビジュアルウェブサイトビルダーとホスティングプラットフォームを提供しています。Webflowは、デザイナー・開発者・企業に、コード不要でレスポンシブかつ美しいウェブサイトを構築できる力を与えます。強力なコンテンツ管理システム（CMS）、柔軟なデザインツール、エンタープライズ向けホスティングを組み合わせ、ユーザーはビジュアルにサイトの設計・構築・公開が可能です。Webflowによって、コンテンツ管理や動的レイアウト構築、デジタルプレゼンスの拡大まで、すべてを統合プラットフォーム上で実現できます。同社は世界中で数百万人のユーザー—フリーランスからフォーチュン500企業まで—にサービスを提供し、ノーコードのウェブ開発体験を届けています。
主な機能
Webflowでできること
Webflowは、ユーザーがコード不要で高度な機能を備えたカスタムウェブサイトをビジュアルに設計・構築・公開できます。CMS管理、EC機能、ホスティング、インタラクティブデザインなど、ダイナミックなデジタル体験を構築できるワンストッププラットフォームです。
- ビジュアルウェブサイト設計
- 直感的なドラッグ＆ドロップビルダーでウェブサイトを作成・カスタマイズ。
- コンテンツ管理
- 組み込みCMSで動的コンテンツを簡単に管理・更新。
- EC連携
- 統合eコマース機能でオンラインストアの構築・運用・管理が可能。
- レスポンシブデザイン
- どのデバイスでも美しく表示される自動レスポンシブ設計。
- ホスティング＆セキュリティ
- Webflowの信頼性・高速性・安全性を備えたインフラでサイトをホスティング。
AIエージェントがWebflowから得られるメリット
AIエージェントは、Webflowの強力なAPIやビジュアル開発ツールを活用して、コンテンツ更新の自動化、ウェブ体験のパーソナライズ、サイト管理タスクの効率化を実現できます。Webflow連携により、AIエージェントはウェブサイトの展開を加速し、デザインワークフローを最適化し、動的なデータ駆動型コンテンツを実現—すべて手作業なしで可能にします。