AI編集・補正 · 2026.08.19

WebflowのMCP 2.0がデザイン/ビルド連携やCMS同期、ガバナンス機能を拡張

この記事の要点

  • MCPがWebflowのスタイル、要素、コンポーネント(props・slots・variants含む)を利用できるようになり、既存デザインシステムに沿った制作が可能になった。
  • CMSデータと要素/コンポーネントを接続して、CMS更新がサイト上の該当箇所へ即時反映される仕組みをサポートした。
  • ブリッジアプリ不要化やエージェント指示、サイト分析、ブランチ作業、詳細なアクセス制御と活動ログなどガバナンス関連を強化した。
制作影響度86/100

AI制作ワークフロー AI編集・補正

デザイン資産とCMSの直接活用を可能に

MCPがWebflowのスタイル、要素、コンポーネント(props、slots、variants)とCMSデータ、フォント管理機能へアクセスし、これらをエージェント指示やビルドに直接利用できるようになった。

制作に効く変更点

  • 既存のWebflowスタイル・要素・コンポーネント(props、slots、variants含む)をMCP経由で活用できるようにした点。
  • CMSデータとページ要素/コンポーネントの連動で、CMS更新が反映される動的コンテンツ管理をサポートした点。
  • ブリッジアプリを不要にすることで複数ページ・複数サイト横断のビルドが可能になった点(ただしライブ視覚コンテキストが必要な一部作業ではブリッジが残る)。
  • エージェント指示の導入と、ブランチ環境・詳細な権限制御・MCP経由アクションの活動ログ照会などガバナンス機能を追加した点。
制作フローの差分

変更前:変更前の具体的な既存フローは一次情報に明示されていないが、従来MCPは外部AIとの接続を提供していた旨が記載されている。

今回:MCP 2.0ではWebflowのスタイルやコンポーネントを直接利用し、CMSと要素を接続して動的に反映できるほか、ブリッジアプリ無しで複数ページ・サイトを横断してビルドできる。エージェントにはデザインシステムやCMS、ガイドライン等を渡して動作ルールを設定でき、サイト分析データを会話的に問い合わせ・他ツールへ共有できる。

実務上の差:今回の更新で、MCP経由でより深いデザイン/ビルド資産へのアクセスとCMS同期が可能になり、ブリッジ依存が減ることで複数ページ・サイト横断の自動化・連携がしやすくなる一方、ライブ視覚参照が必要な特定タスクは引き続きブリッジを要する点が明記されている。

制作フローとガバナンスの接点強化

デザインシステムやCMSをMCP経由で利用できるため、デザイナー/フロント実装者はエージェントを用いた生成・更新を既存資産に沿わせやすくなる。ブランチ作業や詳細アクセス制御、活動ログ照会により、レビューや監査を含む本番前の検証作業を分離して進めやすくなる可能性がある。

主な対象:Webflowでのサイト制作・運用にAI連携を組み込むデザイナー、フロントエンド実装者、サイト運用者、ガバナンス担当者

ブリッジ不要化の例外と可視コンテキストの制約

ブリッジアプリは多くのユースケースで不要になったが、スナップショットや特定画面要素を参照するプロンプトなどライブの視覚コンテキストが必要な作業では引き続きブリッジが必要と一次情報に明記されている。

参照元

Webflow updates:Introducing MCP 2.0
元情報公開日:2026年7月21日