週明けのまとめとして、この1〜2週間のWebデザイン×AI領域の動きを5件ピックアップ。サイトビルダーの新機能から、デザイナーのAI利用実態を示す調査データ、3D/モーション系ツールの使い分けまで、実務にすぐ効きそうな話題を短くまとめました。
1. Webflow、サイトから「エージェント向け指示書」を自動生成
Webflowが9月2日、Agent Instructions Generationという機能の展開を始めた。既存サイトの中身を読み取り、ブランドガイドライン・デザインシステム・アセット運用ルール・CMS運用ルールの4種類のMarkdown文書を自動でドラフトしてくれるというもの。AIエージェントに編集を任せる際、「トーンは崩さない」「この文言は変えない」といった前提を毎回書かずに済むのが狙いで、生成後は人が編集・再生成できる。エージェントに”最初から白紙で”作業させない、という発想は他のビルダーにも波及しそうだ。
2. デザイナーの週次AI利用が91%に、ツール利用ではClaudeが逆転
Designer FundとFoundation Capitalが毎年出している「AI in Design Report」の2026年版が、AwwwardsのSite of the Dayにも選ばれ話題になっている。900人超のデザイナー調査によると、デザイン業務で週次でAIを使う人の割合は54%→91%に急伸し、75%は毎日使うと回答。汎用AIツールの利用率では2025年に88%だったChatGPTが65%まで下がる一方、Claudeは52%→78%に伸びて最も使われるツールになったという。1年で平均ツール数も3個→7個に増え、AIがコーディングやプロトタイピング、データ参照までデザイナーの領域を広げている様子がうかがえる。
3. 21万件のプロンプト分析でわかった「みんなが作っているもの」
AIデザインエージェントを提供するSuperdesignが、自社サービスに送られた21万件超のプロンプトを分析したレポートを公開。ダッシュボードが全体の約7分の1を占めてトップ、ランディングページや料金表、ログイン画面が続き、いわゆる「アート系」ではなく実務のプロダクトUIが大半という結果になった。ダークモード指定の割合は1月の26.8%から5月には38%台まで上昇。色の指定では青がダントツ首位で、黒・緑・オレンジ・赤・紫と続く。参考にしたいブランドとして名前が挙がる回数はLinearがAppleを上回りトップだったという。
4. 3D・モーション系ツールは「使い分け」から「併用」の時代へ
Splineはテキストから3Dシーンを生成する機能を強化し、フリーランスから企業チームまで採用が広がっている。一方Riveはステートマシンを使った2Dベクターアニメーションで、Web・モバイル・アプリ横断で高いパフォーマンスを発揮する路線を継続。両者は「3Dか2Dか」という対立ではなく、Figmaでの下ごしらえ、Splineで空間表現、Riveで軽量なマイクロインタラクション、という具合にプロジェクトごとに組み合わせて使うチームが増えているという指摘が目立った。Higgsfieldも細かな改善を継続的にリリースしており、生成系ツールの短いアップデートサイクルは引き続き活発だ。
5. サイトビルダーは「外部エージェント連携」がテーマに
6月にリリースされたFramer 3.0の「Agents」「Branching」は、9月に入っても影響が続いている話題のひとつ。キャンバス内でAIがCMSやスタイル、公開設定まで直接編集できるのに加え、Claude CodeやCursor、Gemini CLIといった外部のコーディングエージェントをCLI経由で接続できるのが特徴だ。v0・Lovable・Bolt.new・Figma Makeを含め、各ビルダーが「デザインツール単体で完結させる」から「手元のコーディングエージェントと行き来できる」方向へ足並みを揃えつつある。
| 領域 | 今週の動き | ひとことポイント |
|---|---|---|
| サイトビルダー | Webflow「Agent Instructions Generation」 | エージェント向け前提資料を自動ドラフト |
| 業界調査 | AI in Design Report 2026 | 週次AI利用91%、Claude利用率が最多に |
| プロンプト分析 | Superdesign 21万件レポート | ダッシュボード系が最多、ダークモード志向が上昇 |
| 3D/モーション | Spline・Rive・Higgsfield | 単体選択より「併用」が主流に |
| 外部連携 | Framer 3.0のエージェント接続 | Claude Code/CursorをCLI経由で呼び込む |
主な情報源
- Latest updates and features | Webflow
- AI in Design Report 2026 | Designer Fund & Foundation Capital
- AI in Design Report 2026 – Awwwards SOTD
- We Analyzed 210,000 AI Design Prompts | Superdesign
- What’s new in Higgsfield | Higgsfield changelog
- Framer launches Framer 3.0 with AI agents and Branching
各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人。