今週は「AIで作ったサイトはなぜ量産型に見えるのか」という課題に正面から向き合う大規模調査が2本公開されたのが目立ちました。あわせて、WebサイトビルダーやAIコーディングツール側の新機能も動いています。今日は注目の4トピックをまとめて紹介します。
「AIで作ったサイトは量産型に見える」―― 6万人超調査が突きつけた課題
getdesign.mdが公開した「State of DESIGN.md 2026」は、Vibe Coding開発者6万4000人超のオンボーディング回答をもとにした調査です。核心は「AIで作ったアプリ・サイトの見た目がどれも似通ってしまう」という共通の悩み。DESIGN.mdは、ブランドの色・タイポグラフィ・余白・コンポーネント・モーションといった視覚言語をMarkdownファイルにまとめ、LLMがそのまま読み込めるようにする手法で、Stripe・Notion・Linear・Vercelなど60以上のブランドの実例がすでに用意されており、Cursor・Claude Code・Lovable・v0・Boltなどにそのまま使えるとしています。
調査で特に興味深いのは、Lovable・v0・BoltのようなAIサイト／アプリビルダーの利用者でも、約3人に1人が「結局Claude・Gemini・ChatGPTに直接乗り換えて作り直したい」と回答している点です。ノーコードビルダーは「コードを書かない人のため」に生まれたはずが、AI時代には逆に「コーディングエージェントに直接指示した方が自由度が高い」と感じるユーザーが一定数いることを示しています。
「Figmaの次によく使う設計ツールはAI」―― プロトタイピング調査でも同じ潮流
デザインツール調査で定評のあるUX Toolsによる「State of Prototyping: Spring 2026」も同じ方向性のデータを裏付けました。18地域のデザイナー・ビルダー1,478人を対象にした調査で、「週によく使うツール トップ10」のうち5つがすでにAIツールになっているとのこと。デザイナーの半数以上が「構築時間の半分以上をAIが生成したコード(内容を完全に理解していない場合も含む)に費やしている」と回答しており、デザイン職が「がっつりコードを書く層」「AIに指示する層」「両者の間を行き来する層」の3つに分化しつつあると分析しています。
2つの調査に共通するメッセージは、「AIで爆速に作れるようになった一方、量産感のない仕上がりにするには、ブランドの視覚言語を明示的にAIへ渡す工夫が欠かせない」という点です。
| 調査 | 実施元 | 規模 | 主な発見 |
|---|---|---|---|
| State of DESIGN.md 2026 | getdesign.md | 6.4万人超（オンボーディング回答） | AIビルダー利用者の約1/3が「Claude/Gemini/ChatGPTへ直接乗り換えたい」 |
| State of Prototyping: Spring 2026 | UX Tools | 1,478人（18地域） | 週間利用ツールTop10のうち5つがAIツール、構築時間の半分超をAI任せにする層が過半数 |
Webflow、AIサイトビルダーを複数ページ生成＋「Instructions」対応に拡張
Webflow公式ブログによると、WebflowのAIサイトビルダーが大型アップデートを受けました。従来は1プロンプトからホームページ1枚とデザインシステムを生成する形でしたが、今回のアップデートでサイト作成フローの中で最初から複数ページ構成を定義してまとめて生成できるようになり、後から拡張しやすい構造の土台を最初に作れるようになりました。
あわせて、サイト単位でAIに対する振る舞いを指定できるInstructions機能も追加されています。「Skills（ブランドやタスクのやり方をAIに教える）」と、サイト全体に適用されるガイドラインの2種類があり、Webflow上で動くAIアシスタントに対して一貫したブランドトーンやルールを事前に教え込める仕組みです。デザインシステムを都度説明し直す手間を減らせる、実務寄りの改善と言えます。
Bolt.new、Figmaデザインをそのままインポートしてアプリ化する機能を追加
Bolt.new（StackBlitz提供）は、Figmaで作ったデザインファイルをそのままアップロードし、動くWeb／モバイルアプリへ変換する機能を備えました。デザイナーが仕上げたモックアップをBolt.newに読み込ませることで、従来デザイン〜実装の間で起きがちだった「意図が伝わらず別物になる」というデザインハンドオフのロスを減らす狙いです。フルスタックのデータベースやホスティングを内包するBolt.new v2の方向性とあわせて、「デザインファイル→実装」を1ツールで完結させる流れが強まっています。
主な情報源
- State of DESIGN.md 2026 | getdesign.md
- State of Prototyping: Spring 2026 | UX Tools
- Build sites that scale with Webflow’s AI site builder | Webflow Blog
- Webflow Instructions機能に関する紹介投稿 | LinkedIn
- Bolt.newのFigmaインポート機能に関する紹介投稿
各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人。