「クライアントから原稿が来なくて進まない」 「コーディングに入ってからのデザイン変更でデスマーチ」
これまでのWEB制作現場で繰り返されてきた悲劇。しかし、2026年の今、AIをフル活用した制作フローでは、これらの悩みは過去のものになりつつあります。
AIは単なる「時短ツール」ではありません。制作の**「順番」と「役割」**を根本から覆すゲームチェンジャーです。
今回は、従来のフローとAI時代のフローを比較しながら、現場で起きている「5つの決定的な変化」を解説します。
変化1：【提案フェーズ】「ワイヤーフレーム」の消滅と、初手「完成品」提案
これまでは、四角と線だけの「ワイヤーフレーム」で構成を説明し、「デザインは後で作ります」と伝えていました。しかし、クライアントはワイヤーフレームを見ても完成形をイメージできません。
AI時代のフロー：
- v0 (Vercel) / Midjourney を使い、初回の打ち合わせに**「ほぼ完成状態のモックアップ」**を持参する。
- 「こんな雰囲気ですか？」とビジュアルを見せながら要件定義を行う。
メリット： 「思っていたのと違う」という手戻りが激減します。要件定義とデザイン作成が同時並行で進むため、合意形成のスピードが段違いです。
変化2：【原稿作成】「クライアント待ち」地獄からの解放
「原稿はクライアント支給」という契約にしたものの、忙しい担当者から半年経ってもテキストが送られてこない。WEB制作あるあるです。
AI時代のフロー：
- ヒアリングしたキーワードを ChatGPT / Claude に投げ、「たたき台」となる原稿を制作側が用意する。
- クライアントには「ゼロから書いてください」ではなく、「AIが書いたこの原稿を、御社らしく修正してください」と依頼する。
メリット： 人間は「書く」よりも「直す」方が圧倒的に楽です。この手法により、原稿回収のリードタイムが劇的に短縮されます。
変化3：【デザイン＆コーディング】「分業」から「同時進行（Vibe Coding）」へ
従来は「デザイナーがFigmaで作る」→「エンジニアに引き渡す」という完全分業が主流でした。しかし、ここには「実装不可能なデザイン」や「意図の伝達ミス」という断絶がありました。
AI時代のフロー：
- Figma to Code 系のAIプラグインや、Cursor を活用し、デザインカンプから即座にプロトタイプコードを生成。
- デザイナー自身が、AIを使ってある程度のコーディング（見た目の実装）まで行ってしまう。
- エンジニアは「見た目の調整」ではなく、「API連携」や「セキュリティ」などのバックエンド・ロジック構築に集中する。
メリット： 「デザイン」と「実装」の境界線が溶けます。いわゆる「エンジニアの、ピクセルパーフェクトにするための微調整作業」が大幅に削減されます。
変化4：【デバッグ】人間が「クリック」しないテスト
納品前のブラウザチェック。スマホ実機を何台も並べて、ポチポチとリンクをクリックする作業は、精神をすり減らす重労働でした。
AI時代のフロー：
- Playwright などのテストコードを Cursor (Cline) に書かせる。
- 「スマホ表示でハンバーガーメニューが開くか」「フォーム送信ができるか」をAIエージェントに自動巡回させる。
- 人間はAIが出した「エラーログ」だけを確認する。
メリット： 人的ミス（見逃し）がなくなり、品質が担保されます。修正後の再チェック（リグレッションテスト）も一瞬で終わります。
変化5：【納品後】「作って終わり」から「AIが育てる」運用へ
これまでは、納品後は「何かあったら連絡ください」という受け身の保守が一般的でした。
AI時代のフロー：
- アクセス解析データやヒートマップを定期的にAIに読ませる。
- 「離脱率が高いこのページ、AIが別パターンの文章を考えたのでA/Bテストしませんか？」と提案し続ける。
メリット： 制作会社は「作業者」から、継続的に利益をもたらす「グロースパートナー」へとポジションを上げることができます。
まとめ：人間は「指揮者（コンダクター）」になる
AI時代のWEB制作において、人間がやるべきことは**「手を動かすこと」から「判断すること」**にシフトしました。
- Vision: 何を作るべきかを描く。
- Direction: AIに適切な指示を出す。
- Decision: AIの成果物を採用するか決める。
「コーディングができる」「Photoshopが使える」というスキル以上に、**「プロジェクト全体の流れを設計し、AIというオーケストラを指揮して、最高の結果を出す」**能力が求められています。
工程の変化を恐れず、新しいフローを積極的に取り入れていきましょう。そうすれば、私たちはもっとクリエイティブな仕事に集中できるはずです。
