Webflow「Source」とは？AIエージェントがWebサイトを作る新時代へ【2026年最新】

AIに、

こんなWebサイトを作って。

と指示すると、HTMLやCSSを書いてサイトを作ってくれる。

これはもう珍しくなくなりました。

ChatGPTやClaude、Codexなどを使ってWebサイトを作ることもできます。

でも2026年9月2日、Webflowが発表した新しいプラットフォームは少し方向性が違います。

名前は、

Source by Webflow

です。

これ、Web制作の今後を考えるとかなり面白い発表です。

ただし最初に注意しておきたいのは、Sourceは2026年9月3日時点でLimited Research Previewです。

一般ユーザーが今すぐ普通に契約して使える完成済みサービスではありません。

今回はWebflowが発表した公式情報をもとに、Sourceとは何なのか、従来のAIサイト制作と何が違うのか、そしてWebデザイナーや制作会社の仕事がどう変わっていきそうなのかを整理してみます。

Source by Webflowとは？

SourceはWebflowが2026年9月2日のWebflow Conf 2026で発表した新しいプラットフォームです。

WebflowはSourceを、

マーケティングチームとAIエージェントが一緒にWebサイトやデジタル体験を構築・改善するための環境

として説明しています。

少し難しく聞こえますが、かなり簡単にすると、

これまでのAIサイト制作と何が違う？

現在でもAIを使ってWebサイトは作れます。

例えば、

という方法です。

かなり便利です。

でも実際の企業サイト運用では、それだけでは足りません。

サイトを公開した後も、

• 新しいLPを作る
• 文章を変更する
• キャンペーンページを追加する
• CMSを更新する
• アクセスを分析する
• SEOを改善する
• コンバージョン率を改善する
• ブランドルールを守る

必要があります。

Sourceが狙っているのは、この運用部分まで含めたAI化です。

AIにサイトを作らせるだけではない

例えばAIへ、

新商品のLPを作って。

とお願いするとします。

AIが何も知らない状態なら、

• 会社のブランドカラー
• フォント
• 既存コンポーネント
• 商品情報
• サイト構造
• CMS
• 過去のデザインルール

などを毎回説明しなければいけません。

これでは、毎回新人デザイナーへ一から説明しているのとあまり変わりません。

Sourceは既存の環境をAIへ理解させる

Sourceの重要な考え方のひとつが、AIエージェントへ既存サイトの文脈を渡すことです。

AIが、

などを理解した状態で作業できるようにします。

そのため、

新しいページを作って。

という指示に対して、まったく別ブランドのようなページを作るのではなく、既存サイトに合わせて制作することを狙っています。

AIに「会社のルール」を教える仕組みも登場

Webflowは同時に、Agent Instructions Generationという機能も発表しています。

既存のWebサイトからAIが、

• Brand Guidelines
• Design System
• Asset Guidelines
• CMS Guidelines

などの下書きを生成します。

例えば、

をAIエージェント向けのルールとして整理できます。

そして生成されたルールは人間が編集できます。

これ、AI制作でかなり重要だと思う

AIでWebデザインを作ると、よくある問題があります。

それっぽいけど、なんか違う。

というものです。

デザイン自体はきれい。

でも、

• 会社らしくない
• 既存ページとトーンが違う
• 余白ルールが違う
• ボタンのデザインが違う
• 文章がAIっぽい

という状態になります。

Sourceはそこをかなり意識しているように見えます。

AIと人間が同じコードを触る

Sourceは単なるノーコードAIツールでもありません。

Webflow公式では、既存のcodebaseやmartech stackと接続する環境として説明されています。

AIエージェントがコードへアクセスして作業する。

一方で、マーケターやデザイナーは視覚的な画面から編集する。

開発者は必要ならコードを扱う。

これまでWeb制作で起きていた分断

企業のWebサイトでは、よくこんな流れになります。

例えば文章を1か所変えたいだけなのに、何人も経由するケースがあります。

結果、

公開まで1週間かかります。

みたいなことが普通に起きます。

AIエージェントが間に入るとどうなる？

Sourceが目指している形では、例えばマーケター自身が、

このキャンペーン向けのLPを、既存ブランドのデザインを使って作成。

とAIへ依頼する。

AIが既存コンポーネントやルールを理解してページを組む。

デザイナーが見た目を調整する。

必要な部分だけ開発者が確認する。

という流れになります。

既存WebflowでもAI生成コードを直接編集できるようになった

Sourceとは別に、現在のWebflowにも2026年9月2日、新しいAI機能が追加されました。

そのひとつが、

AI Code ComponentsのVisual Editing

です。

WebflowではAIを使ってコードコンポーネントを生成できます。

これまでは生成後の細かな変更でも、AIへ再度プロンプトを入力する場面がありました。

今回のアップデートでは、AI生成したコンポーネントの要素を画面上で選択し、通常のWebflow要素と同じように編集できます。

「もう少し余白を広げたい」にAIはいらない

これは地味ですが、かなり重要だと思います。

AI生成ツールを使っていると、

このボタンを5pxだけ下げたい。

みたいな修正までプロンプトで指示することがあります。

でもデザイナーからすると、

いや、自分で触った方が早い。

となります。

Web制作では、この組み合わせの方が現実的です。

AIだけでデザインするより強いと思う

個人的にAI制作ツールを見ていて感じるのが、

全部AIにやらせようとしすぎる。

ことです。

例えばAIに、

もっと余白をきれいにして。

とお願いする。

すると余白以外まで変わってしまう。

さらに、

そこじゃない。

と修正する。

これを繰り返す。

だったら最初からデザイナーが画面上で10秒で直した方が早いです。

AI × ビジュアル編集が一番現実的

だからWeb制作では、

という役割分担の方が実務では使いやすいと思います。

今回のWebflowの方向性も、かなりそこに近づいています。

SourceはWebflowサイトだけの話ではない

ここも今回の発表で重要なところです。

Sourceは、単に、

WebflowのサイトをAIで作る新機能。

ではありません。

Webflowは、既存のコードベースやマーケティング技術環境と接続して利用するプラットフォームとして説明しています。

つまりSourceという名前を付けている通り、Web制作・運用の中心環境自体を作ろうとしています。

Webflowは「ノーコードWeb制作ツール」から変わってきた

以前のWebflowには、

コードを書かなくても本格的なWebサイトを作れるツール

というイメージが強かったと思います。

でも現在のWebflowを見ると、かなり違います。

• AI
• CMS
• Analytics
• AEO
• Localization
• Optimization
• MCP
• Webアプリ
• Code Components

などをまとめたWebプラットフォームになっています。

WebflowはCodexからも利用可能に

Webflowの2026年9月のアップデートでは、Codexとの連携も案内されています。

Webflowは以前からMCPを提供しており、AIエージェントからWebflowのデータや機能を扱える方向へ進んでいます。

これはかなり大きな変化です。

今までは、

でした。

これからは、

という使い方が増えていきます。

Webデザイナーはいらなくなる？

こういうニュースを見ると必ず出てくるのが、

Webデザイナーの仕事がなくなる。

という話です。

確かに、仕事の一部は減ると思います。

例えば、

• 単純なページ量産
• 定型LPの初期制作
• HTML・CSSの単純実装
• 文章の仮入れ
• 画像の仮配置

などです。

AIが得意な部分を人間が全部手作業する必要はありません。

でもデザイン判断はむしろ重要になる

AIがページを大量生成できるようになると、別の問題が起きます。

誰でもそれなりのページを作れる。

という状態です。

すると差が出るのは、

• 何を伝えるか
• 誰に伝えるか
• 何を目立たせるか
• ブランドをどう見せるか
• どのデザインを採用するか
• 何を削るか

という判断になります。

むしろAI生成そのままのサイトが増える

AIでWebサイトを作れる人が増えれば、似たようなサイトも増えると思います。

AIへ、

高級感があるコーポレートサイトを作って。

と頼めば、

• 大きな英字
• きれいな写真
• グラデーション
• 丸いカード
• 大きな余白

など、それっぽいデザインが出てきます。

もちろん見た目は悪くありません。

でも同じAIを使えば他社でも作れます。

AI生成物を「完成品」にしないことが大切

AIが作ったものをそのまま公開する。

ではなく、

という流れの方が強いと思います。

AIによってデザイナーが不要になるというより、

そんな感じになるのかもしれません。

制作会社の仕事も「作る」から変わる

制作会社にも同じことが言えます。

これまでは、

20ページのWebサイトを作ります。

という制作作業自体に大きな価値がありました。

でもAIがページを作れるようになると、ページ数だけでは価値を説明しづらくなります。

それより、

• 事業を整理する
• ターゲットを決める
• 強みを整理する
• サイト構成を決める
• 文章を設計する
• 集客方法を考える
• 公開後に改善する

部分の価値が上がります。

「ホームページを作れる」は強みではなくなる

少し極端に言えば、

AIも作れるからです。

重要なのは、

何のために、どんなサイトを作るのか。

そこを設計できることです。

AIエージェントが増えるほど「設計」が重要になる

例えばAIエージェントへ、

会社のホームページを作って。

とだけお願いしても、良いWebサイトになるとは限りません。

AIには、

• 会社の目的
• 顧客
• 競合
• 強み
• 商品
• 優先順位
• コンバージョン

を伝える必要があります。

つまりAIが賢くなっても、

Sourceが成功するとWeb運用はかなり変わるかもしれない

企業のWeb担当者が、

来週の展示会用LPを作って。

とAIエージェントへ依頼する。

既存サイトのデザインシステムを使ってページを作成。

過去のLPを参考に文章を構成。

担当者が確認。

デザイナーが細部だけ調整。

公開。

もしここまで普通にできるようになれば、Web制作のスピードはかなり変わります。

ただしSourceはまだLimited Research Preview

ここは重要なので繰り返しておきます。

2026年9月3日時点のSourceは、

Limited Research Preview

です。

今後、機能・料金・提供対象・正式リリース時期などが変更される可能性があります。

現時点では「Webflowがこれからどこへ向かうのか」を示した新プラットフォームとして見るのがいいでしょう。

今すぐ使えるWebflow AIとは分けて考える

Sourceとは別に、現在のWebflowにもAI機能があります。

例えば、

• AIでWebサイト制作を支援
• コンテンツ生成
• CMS作成支援
• コードコンポーネント生成
• AIコードコンポーネントのビジュアル編集
• AEO関連機能
• MCP

などです。

これらはSourceとは別に、既存Webflowプラットフォームで提供されています。

Webflowは無料でも試せる

Webflowには現在もStarterプランがあります。

無料プランでは、

• Webflow.ioドメイン
• 限定的なCMS
• 2静的ページ
• Webflow AI
• MCP Server

などを試せます。

独自ドメインで公開する場合などは有料Site Planが必要です。

料金・機能は変更される可能性があるため、契約時には公式料金ページで最新情報を確認してください。

WordPressとは競合する？

Webflowの進化を見ると、WordPressと比較したくなります。

ただ、現在の方向性は少し違います。

WordPressは世界中のテーマやプラグインを利用できるオープンなCMS。

一方Webflowは、

• デザイン
• CMS
• ホスティング
• 分析
• 最適化
• AI

を統合したプラットフォームへ進んでいます。

Sourceまで含めると、Webflowはより企業のWeb運用プラットフォームを狙っているように見えます。

これからWeb制作ツールは「人が操作するもの」ではなくなる

今回のSourceで一番大きな変化は、個別機能ではないと思います。

Web制作ツールの利用者が、

人間だけではなくなる。

ことです。

これまでWebflowもWordPressもShopifyも、基本的には人間が管理画面を操作していました。

これからは、

という使い方が増えます。

これはWeb制作だけの話ではない

ECでも広告でもSEOでも同じ動きが起きています。

人間が管理画面を1項目ずつ触るのではなく、AIへ目的を伝え、AIが作業する。

例えば、

今月売れていない商品を分析して改善案を出して。

とか、

問い合わせにつながっていないLPを探して改善して。

といった指示です。

ただし全部AI任せにはしない方がいい

AIエージェントが便利になっても、最終的な確認は人間がした方がいいと思います。

特に、

• ブランド表現
• 料金
• サービス内容
• 法律に関わる文章
• 商品情報
• 公開範囲
• 重要なコード変更

などです。

AIエージェントがWebサイトを直接編集できるほど、間違えたときの影響も大きくなります。

AIに権限を渡す時代は「管理」が重要になる

WebflowがSourceで強調している要素のひとつがgoverned workspaceです。

つまり、AIに何でも自由に触らせるのではなく、役割やルールを持った環境で動かすという考え方です。

これから企業でAIエージェントを使うなら、

の設計も重要になります。

AI時代でも最後は「人間の見る目」だと思う

Webflow Sourceを見ると、Web制作の自動化はさらに進みそうです。

ページを作る。

コードを書く。

文章を作る。

画像を作る。

こうした作業はAIがかなりできるようになります。

でも最終的には、

これで本当にいいのか。

を誰かが判断しなければいけません。

その会社らしいのか。

顧客に伝わるのか。

売れるのか。

使いやすいのか。

美しいのか。

まとめ｜Web制作は「AIで作る」から「AIと運営する」へ

Webflowは2026年9月2日、Webflow Conf 2026でSource by Webflowを発表しました。

Sourceが目指しているのは、単純なAIホームページ作成ツールではありません。

さらに現在のWebflowでも、AIで生成したコードコンポーネントを画面上から直接編集できるなど、人間とAIを組み合わせた制作環境が強化されています。

AIに全部作らせる。

人間が全部作る。

どちらかではありません。

Web制作はこの形へどんどん進んでいくのだと思います。

その結果、単純な制作作業の価値は下がるかもしれません。

一方、

• 戦略
• 構成
• ブランド
• デザイン判断
• コンテンツ設計
• 集客
• 改善

まで考えられる人の価値は、むしろ上がる可能性があります。

Webflow Sourceが示しているのは「AIがWebデザイナーを置き換える未来」というより、「Web制作チームの中にAIエージェントが普通に参加する未来」なのかもしれません。

まだSourceはLimited Research Previewです。

正式提供時期や料金、実際に利用できる機能については今後の発表を待つ必要があります。

ただ、Web制作ツールそのものの形が変わり始めていることは間違いなさそうです。

※本記事は2026年9月3日時点のWebflow公式発表をもとに作成しています。Source by Webflowは現時点でLimited Research Previewです。正式提供時期、料金、機能、対象ユーザー等は今後変更・追加される可能性があります。