AIでWebサイトを作れる時代になった。
でも、選択肢が増えたぶん、別の問題が出てきました。
「結局、何を使えばいいの？」
WordPress。Framer。Webflow。Codex。
どれもWebサイト制作に使えます。でも、向いている人と、作り方はかなり違います。
PR この記事にはアフィリエイト広告が含まれます。料金・キャンペーン等は申込み前に公式サイトで最新情報をご確認ください。
情報確認：2026年8月17日
AI機能や料金・プランは変更が速いため、契約前には各サービスの公式情報も確認してください。
先に結論：ツールではなく「作ったあと」で選ぶ
AIサイト制作ツールを選ぶとき、一番大事なのは「作る瞬間」ではありません。
公開したあと、何を続けたいかで選びます。
| 目的 | おすすめ |
| ブログ・メディアを育てる | WordPress＋AI |
| LP・ポートフォリオを速く作る | Framer |
| ノーコードで構造まで学ぶ | Webflow |
| コードで自由に作る | Codex |
1. WordPress＋AI｜記事を増やして長く育てたい人
WordPressは、投稿、カテゴリ、固定ページなどを使ってコンテンツを蓄積しやすいのが特徴です。
AIは、サイト構成、文章、SEO、CSS修正、内部リンクなどを考える補助として使えます。
- ブログ
- オウンドメディア
- 企業サイト
- サービスサイト
- 長期運用するWebサイト
最初は設定項目が多く感じますが、一度運用の型ができると、記事を増やして育てやすくなります。
WordPressで実際に公開する段階ではサーバー選びも必要になります。XServerは長期運用の候補として確認できます。
2. Framer｜見た目を見ながら速く作りたい人
Framerは、キャンバス上でデザインを見ながらWebページを作れるツールです。
Framer Agentは、現在のキャンバスを参照しながら、プロンプトで内容・レイアウト・インタラクション・コードを生成・更新できます。最初の案を作り、そのあと文章、余白、セクション、動きを調整していく作り方と相性があります。
- LP
- ポートフォリオ
- デザイン重視のサイト
- 小〜中規模サイト
- 短期間で公開したいページ
「まず形にしてから考えたい」人に向いています。
3. Webflow｜ノーコードからWeb制作の構造へ進みたい人
WebflowもノーコードでWebサイトを作れますが、レイアウトやクラス、CMSなど、Web制作の考え方に近い部分を細かく触れます。
WebflowのAI Site Builderは、新規サイトで目的・ページ・対象ユーザーを伝えると、複数ページのサイト構造・コンテンツ・テーマを生成できます。そこからCanvas上で自分のデザインへ調整していく流れです。
- 企業サイト
- CMSを使うサイト
- 複数ページのサイト
- Web制作の仕組みも学びたい人
Framerより少し学ぶことは増えますが、そのぶん「なぜこのレイアウトになるのか」を理解しやすくなります。
4. Codex｜コードで自由に作りたい人
Codexは、FramerやWebflowのようなサイトビルダーではありません。
Codexはソフトウェアエンジニアリング向けのコーディングエージェントです。HTML、CSS、JavaScriptなどのファイルを読み書きし、コマンドやテストも使いながらWebサイト制作を進められます。
- デザインや構造を自由に作りたい
- コードを学びたい
- 既存コードを修正したい
- Webアプリへ発展させたい
- 細かな制約を減らしたい
「何も知らなくても一発で完成」という方向ではなく、AIに相談しながらコードを理解して進めたい人に向きます。
4つを比較するとどう違う？
| 比較 | WordPress＋AI | Framer | Webflow | Codex |
| 始めやすさ | ○ | ◎ | ○ | △ |
| デザイン速度 | ○ | ◎ | ○ | △〜◎ |
| 記事運用 | ◎ | ○ | ◎ | △ |
| CMS | ◎ | ○ | ◎ | 自作 |
| 自由度 | ◎ | ○ | ◎ | ◎ |
| コード学習 | △〜○ | △ | ○ | ◎ |
| 公開の速さ | ○ | ◎ | ○ | △ |
この表は「優劣」ではなく、向いている作り方の違いです。
比較表の「◎」だけで決めない
この比較は、2026年8月時点の機能とAICraftWebで想定している用途をもとにした目安です。AI機能は更新が速く、数か月後には差が縮まったり、逆転したりする可能性があります。
特にFramerは外部エージェントとしてCodexなどを接続でき、CMSやリダイレクトなどの構造化作業にも使えるようになっています。WebflowもAIによるSEO・AEO監査やサイト生成機能を拡張しています。
そのため、AICraftWebでは「AI機能が一番多いから1位」というランキングにはしません。最終的には、制作物・運用方法・学びたいこととの相性で選びます。
初心者ならどれから始める？
完全な初心者なら、まず「何を作りたいか」を決めます。
- ブログを作りたい → WordPress
- ポートフォリオを作りたい → Framer
- Web制作を学びたい → Webflow
- コードを書けるようになりたい → Codex
最初から「一番高機能なもの」を選ぶ必要はありません。
最初の1ページをFramerで作る。
次にWordPressで記事を増やしてみる。
コードを少し直したくなってCodexを触る。
そうやって、必要になった順番で道具を増やしてもいい。
AIサイト制作で失敗しやすい選び方
「一番AIがすごい」で選ぶ
AI機能は変化が速く、今日の差がずっと続くとは限りません。
AIの生成性能だけではなく、公開後の編集や運用も含めて選びます。
無料だけで選ぶ
無料プランは試すには便利ですが、独自ドメイン、ページ数、CMS、AI利用量などに制限がある場合があります。
本番利用では、最終的に必要な機能と継続コストを確認します。
完成画面だけを見る
同じような見た目のページでも、修正のしやすさや更新方法はツールごとに違います。
だからAICraftWebでは、完成画面だけでなく、制作時間や途中の詰まり方も比較します。
AICraftWebのおすすめ順は「人によって変える」
AICraftWebでは、一律に「これが1位」とは決めません。
| こんな人 | 最初の候補 |
| 副業でWeb制作を始めたい | WordPress＋AI / Framer |
| デザインを重視したい | Framer |
| Web制作の構造を理解したい | Webflow |
| コードにも強くなりたい | Codex |
| メディアを育てたい | WordPress＋AI |
最終的には、実際に同じものを作って比べる
スペック表だけでは、制作の感触までは分かりません。
AICraftWeb LABでは、同じLPを複数の方法で作り、制作時間、難しさ、修正回数、更新性まで記録します。
まとめ
- WordPress＋AI：記事・メディア・長期運用
- Framer：LP・ポートフォリオ・デザイン速度
- Webflow：ノーコード＋Web制作構造・CMS
- Codex：コード・自由度・Webアプリへの発展
AI時代のWeb制作では、「ひとつのツールを極めて終わり」ではなく、目的によって道具を使い分ける場面が増えます。
まずは今作りたい1ページに合うものを選び、実際に公開してみる。それが一番早い比較方法です。