今週はWebデザインツール側の「AIエージェント標準搭載」が一気に進んだ一週間でした。Webflow・Framer・Riveという毛色の異なる3つのツールが、ほぼ同時期にエージェント関連のアップデートを発表。あわせて、3D Web制作の現場ではWebGPUへの本格移行も進んでいます。この記事では、その中から4つのトピックを選んで簡潔にまとめます。
1. Webflowが「MCP 2.0」を発表、Designerを開かずにサイトを編集できるように
Webflowが7月21日、MCP 2.0を発表しました。Model Context Protocol（MCP）を介してClaudeやChatGPT、Cursorなどのエージェントを接続し、これまで必要だった「ブリッジアプリ＋Designerを開いた状態」がなくても、要素・スタイル・コンポーネント・変数を直接編集できるようになったのが最大の変更点です。
- 変更はブランチ上でまず試し、問題なければ本番に反映できる
- アカウントのロール・権限（カスタムロール含む）をエージェントの操作にもそのまま適用
- 誰が・いつ・何をMCP経由で変更したかをアクティビティログで追跡可能
追加費用なしで全プランに提供される点も特徴です。同社によれば、MCP利用は今年1月から4倍に伸び、利用企業の9割がClaude経由で接続しているとのことです。デザインシステムを崩さずにAIへ「編集権限」を渡すための実装として、他ツールにも影響しそうな動きです。
2. Framerの「Agents」がさらに軽く・速く
Framerも7月21日付のアップデートで、サイト構築を代行する「Agents」機能の効率を改善したと発表しました。OpenAIと共同でモデル側を調整し、複数ステップにまたがる大規模なビルドでOpenAIモデルの消費クレジットを約25%削減。加えてどのモデルでも、タスク完了までのステップ数を15〜30%、トークン消費を30〜40%削減し、キャッシュ改善でさらに10〜15%節約できるようになったといいます。意図しない副作用の検知・修正精度も向上しました。
あわせて7月14日にはCMSのクイック追加機能も追加され、テーブル下部の空行から直接アイテムを作成できるようになるなど、Agentがコンテンツ管理まわりを扱う際の文脈理解も強化されています。
3. アニメーションツールRiveにも「Agent / MCP」対応
インタラクティブアニメーションツールのRiveは7月24日、エディタを0.8.5275にアップデートし、公式アナウンスによれば「Agent / MCPツール」の対応を新たに追加しました。あわせてデータバインディングのキーフレーム化や、ギズモのフリームーブハンドル、不透明度のショートカットなど、実制作寄りの改善も多数含まれています。
Riveはこれまでも状態遷移するインタラクティブなアニメーションをコードなしで書き出せる点が強みでしたが、AIエージェントから直接操作できる経路が整ったことで、「動きのあるUI部品」をエージェント経由で量産するワークフローが現実味を帯びてきました。
4. 3D Webの世界はWebGPUへ本格移行
個別ツールの話とは別に、3D表現の足回りにも変化があります。utsubo.comのまとめによれば、2026年は主要ブラウザがそろってWebGPUに対応したことで、Three.jsのWebGPUレンダラーをWebGLフォールバック付きで本番投入するのが「安全な選択」になった年だといいます。WebGPU showcaseコミュニティでも、TSL（Three.js Shading Language）やコンピュートシェーダーを使い、GSAPのモーションとAIによるインタラクションを組み合わせたポートフォリオ事例が相次いで紹介されています。
派手なエフェクトを積み重ねるより、「一つの強いアイデアを丁寧に作り込む」サイトが評価される傾向も指摘されており、AIで演出の選択肢が増えるほど、逆に取捨選択のセンスが問われる場面が増えそうです。
今週のアップデート早見表
| ツール | アップデート | 発表日 | ポイント |
|---|---|---|---|
| Webflow | MCP 2.0 | 7月21日 | Designer不要でエージェントが直接編集、権限・監査ログ対応 |
| Framer | Improved Agents Efficiency | 7月21日 | クレジット消費を最大25%削減、ステップ数・トークンも削減 |
| Rive | Editor 0.8.5275 | 7月24日 | Agent / MCPツール対応を追加 |
| Three.js界隈 | WebGPUレンダラーの普及 | 通年（2026） | WebGL併用で本番投入が一般化 |
主な情報源
- Webflow Blog: The agentic web is here. Webflow is built for it.
- Uistudioz: What Is Webflow MCP 2.0?
- Framer Updates
- Rive Community: Announcements（Editor 0.8.5275）
- utsubo.com: Best Three.js Websites 2026
- WebGPU Showcase Community
各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人。