今週はノーコード系Webビルダーの進化が目立った一週間でした。Framerがキャンバス内で動く「エージェント」を本格投入し、WebflowはChatGPTの中から直接サイト運用ができるようになりました。あわせて画像生成ツール連携の拡大や、AIネイティブなプロダクトデザインがAwwwardsで評価された事例も紹介します。
Framer 3.0──キャンバスの中で動く「エージェント」
Framerが大型アップデート「Framer 3.0」を発表しました。目玉は「Agents」機能で、ページ作成やレイアウト改善、スタイルの統一、SEO設定、公開作業までをキャンバス上のAIエージェントが担当します。エージェントはデザイナーと同じキャンバス・コンポーネント・CMSコンテンツを直接参照・編集できる点が特徴です。
- Agents: キャンバス内でページ生成・修正・公開まで一括対応
- Branching: サイトの変更を分岐管理し、安全に試作・マージ
- Community: テンプレートやコンポーネントを共有する新コミュニティ機能
- Ripple Shader: 水面のように画像を歪ませるインタラクティブシェーダーを追加
またClaude Sonnet 5がFramerのAIモデルとして採用されたことも発表されており、Framer社の社内評価ではレイアウトやフォント選定の精度がSonnet 4.6比で72%から90%に向上したとしています。
Webflowが ChatGPT アプリとして利用可能に
Webflowは2026年7月1日、ChatGPT内で動作する公式アプリを公開しました。既存のWebflow MCPサーバーを経由してChatGPTに接続し、CMSの更新・SEOメタデータの編集・ページ内容の確認などをチャットのまま行えます。同じMCPサーバーは2月に公開されたClaude connectorでも使われている基盤で、Data API（CMS操作）とDesigner API（キャンバス・スタイル操作）の両方にアクセスできる点がポイントです。サイト運用担当者がコードもFramerのようなビルダー画面も開かずに、チャット越しに更新作業を済ませられるようになった格好です。
Adobe Firefly BoardsがGemini 3（Nano Banana Pro）に対応
Adobe Fireflyのムードボード機能「Firefly Boards」が、外部パートナーモデルとしてGoogleの Gemini 3（Nano Banana Pro）を選択できるようになりました。テキストから画像生成、既存画像の編集をボード上でシームレスに行え、Illustratorの「Text to Vector Graphic」やPhotoshopの生成塗りつぶしなど周辺機能とも連携します。デザイナーがラフなアイデア出しの段階で、複数の画像生成モデルを使い分けながらムードボードを組み立てられる環境が整いつつあります。
Awwwards SOTD「Elva」──AIネイティブなプロダクトデザインが評価される
AI・デジタルプロダクトデザインを手がけるLazarev.agencyが制作した音声操作のAI動画編集アプリ「Elva」がAwwwardsのSite of the Dayに選出されました。同エージェンシーは第30回Webby Awardsの「AI – Visual Design」部門でも受賞しており、3年連続でAIプロダクトのビジュアルデザインが評価されています。動画編集やAIツールのUIは機能過多で複雑になりがちですが、Elvaは音声操作を軸にインターフェースをそぎ落とした設計が高く評価されました。AIプロダクトの「見た目」もいよいよ本格的な競争領域になってきたことがうかがえます。
今週のトピック早見表
| トピック | ポイント |
|---|---|
| Framer 3.0 | AIエージェントがキャンバス内でページ制作・公開まで対応、Claude Sonnet 5採用 |
| Webflow × ChatGPT | MCP経由でChatGPTからCMS・SEO・ページ編集が可能に |
| Firefly Boards | Gemini 3（Nano Banana Pro）を選択できるモデル対応拡大 |
| Elva（Lazarev.agency） | Awwwards SOTD受賞、AIプロダクトのUI/UXデザイン水準の高まり |
主な情報源
- Framer公式ブログ：Introducing Framer 3.0
- Framer Updates：Sonnet 5
- Webflow Updates：Webflow is now available in ChatGPT
- Adobe Helpx：Partner models in Adobe products
- Awwwards：Elva（Site of the Day）
- Yahoo Finance：Lazarev.agency Wins Best Visual Design for AI at the 30th Annual Webby Awards
各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人。