Webflow と AI ウェブサイトビルダー：自分のサイトに合うのはどちら？

Webflow は、デザインの制御が最も重要な場合に、より強い選択肢です。デザイナーとマーケティングチームに、正確なビジュアルレイアウト、本格的な CMS、ホスティングを提供し、今では自前の AI サイトビルダーも備えています。Framer、Wix、Squarespace、Hostinger、そして Mythex や Lovable のようなチャット型ビルダーなどの AI ウェブサイトビルダーは、デザインツールを学ばずに良いサイトを作りたい場合に、通常はより速く、簡単です。どちらを選ぶかは、誰がサイトを作り保守するか、どのくらいカスタムデザインが必要か、そして「ウェブサイト」が実はログインやデータのあるアプリなのかによって決まります。

Webflow とは

Webflow は、デザイナー、マーケター、制作会社のためのビジュアルなウェブサイトビルダーです。Web の実際の仕組みに近い（ボックス、レイアウト、スタイル）キャンバスでデザインし、Webflow のホスティングに公開して、CMS でコンテンツを管理します。

2026年9月時点で、Webflow は自らを「AI ネイティブのプラットフォーム」と説明しています。その AI 機能は次のとおりです。

• プロンプトから出発点となるサイトを生成する AI サイトビルダー。
• 生成されたコードコンポーネント：AI で作られ、ビジュアルに編集できる React コンポーネント。
• 既存のデザインシステムに基づく、コピー、CMS の項目、ページのセクションの AI。
• SEO と AEO の監査（AEO とは、AI による検索で表示されるための、回答エンジン最適化のこと）。

2026年9月時点の料金（サイトプラン、年払いで表示）：

• Starter：無料。webflow.io のアドレス、静的ページ2つ、制限付きの CMS。
• Basic：月15ドル。独自ドメイン、静的ページ300ページ、CMS なし。
• Premium：月25ドル。Webflow CMS、サイト内検索、より多い帯域幅を追加。
• Team：年間契約で月2,500ドル。ガバナンスとワークフローが必要な組織向け。Enterprise はカスタム。

別途、Workspace プランがチームや、コードの書き出しなどの機能をカバーします。

強み： きめ細かいデザインの制御、成熟した CMS、ホスティングの込み、実際の HTML と CSS の考え方に基づくデザインモデル。

制限： 学習曲線が急です。Webflow は、Web のレイアウトを理解している人に報いる作りになっています。ウェブサイトのプラットフォームが第一で、ユーザーアカウントやカスタムロジックのあるアプリは中心ではありません。Webflow のヘルプセンターによると、コードの書き出しには、CMS、EC、ユーザーアカウント、コードコンポーネントが含まれません。

「AI ウェブサイトビルダー」が意味するもの

このフレーズは、2種類の異なるツールを指します。

1. AI を加えたウェブサイトビルダー。 Wix、Squarespace、Framer、Hostinger（そして Webflow 自身）。AI がページ、レイアウト、コピーの最初の下書きを作り、あとはビジュアルエディタで編集します。サイトはベンダーのプラットフォーム上で動きます。
2. チャット型の AI ビルダー。 Mythex、Lovable、Bolt など。チャットでサイトを説明すると、AI が実際のコードを書き、チャットで磨いていきます。ウェブサイトだけでなく、アプリも扱えます。

どちらも「AI ウェブサイトビルダー」ですが、向いている人が異なります。

一覧での比較

主な代替サービスを一つずつ

Framer

Framer は、アイデアから公開までのすべての段階をこなすデザインエージェントだと自らを説明しており、キャンバス上でデザインとビルドを行う AI エージェントを備えています。その AI は、説明からページ、セクション、コピー、ビジュアルを作成し、CMS を設定して埋め、コードコンポーネントを作り、コントラスト、代替テキストの欠落、SEO のギャップといった問題がないかサイトをレビューできます。Framer は、Claude Code や Cursor などの外部ツールから操作できるとも説明しています。

• 料金（年払い、2026年9月時点）： Free（0ドル、試せる AI クレジット500、Framer のドメイン）、Basic（月10ドル、独自ドメイン、CMS コレクション2、AI クレジット）、Pro（月30ドル、より多い CMS、ステージングとブランチ）、Enterprise（カスタム）。追加の編集者は1人あたり月20ドルです。
• Webflow との比較： 対象はデザイナーと、ほぼ同じです。違いは、AI エージェントがデザインキャンバス上で直接動くことです。どちらも強力なビジュアル制御を備えています。
• 選ぶ場合： デザインから公開されたサイトまで、素早く進めたいデザイナーであれば。

Wix

Wix は AI ウェブサイトビルダーを提供しています。欲しいものを説明すると、事業の種類に応じたページ、レイアウト、コピーが生成され、その後は内蔵の AI エージェント「Aria」か、ドラッグ＆ドロップで編集を続けられます。EC、予約、決済のためのビジネスツールも含まれます。

• 料金（2026年9月時点）： 無料で始められます。独自ドメインと決済には、有料プラン（Light、Core、Business、Business Elite）が必要です。Wix は、価格と通貨が地域によって異なり、表示される価格は年間契約の料金だと説明しているため、お住まいの国で表示される価格を確認してください。
• Webflow との比較： 学びやすく、ビジネス向けの機能が多く含まれますが、デザインの精密な制御は少なくなります。Wix のヘルプセンターによると、サイトは Wix でホストする必要があり、別のホストに書き出すことはできません。
• 選ぶ場合： 急な学習曲線なしで、予約や店舗のあるサイトが欲しい小規模事業者であれば。Wix の代替サービス をご覧ください。

Squarespace

Squarespace は洗練されたテンプレートで知られ、コンテンツを生成する AI ツールと、AI ウェブサイトビルダーを内蔵しています。

• 料金（2026年9月時点）： Basic、Core、Advanced というウェブサイトのプラン（Squarespace Payments が使える国では Plus プランもあります）。月払いまたは年払いで、14日間の無料試用付きです。表示される価格は国によって異なるため、お住まいの国のページを確認してください。年払いのプランには初年度の独自ドメインが無料で含まれ、Basic プランはオンライン販売に取引手数料がかかります。
• Webflow との比較： よりシンプルで、テンプレート中心です。デザインの自由度を、スピードと統一感に交換します。
• 選ぶ場合： 手間をかけずに見栄えの良いサイトが欲しく、珍しいレイアウトが不要な場合。

Hostinger Website Builder

Hostinger は、手動のドラッグ＆ドロップモードと、「エージェント型」のチャットモード、テンプレート、EC 機能を備えた AI ビルダーを提供しています。

• 料金（2026年9月時点）： Hostinger は、月々の価格が安く見える Premium プランを宣伝しています。これは、48か月の契約を前払いすることが前提です。更新後の料金は高くなります。価格は地域によって異なります。14日間の無料試用があります。
• Webflow との比較： はるかに安く、シンプルですが、デザインの制御は大幅に少なくなります。長期の契約と更新料金に注意してください。
• 選ぶ場合： 予算が最大の制約で、シンプルなサイトで十分な場合。

チャット型ビルダー：Mythex などの他社

Mythex、Lovable、Bolt などのチャット型ビルダーは、説明から実際のコードを書きます。「ウェブサイト」が実際にはアプリである場合（予約システム、クライアント向けポータル、検索付きのディレクトリ、SaaS 製品）や、ソースコードが欲しい場合に、より適しています。

Mythex の場合： サイトを説明すると、ライブプレビューで構築・実行され、yourname.mythex.app、または Pro では独自ドメインに公開できます。ランディングページ、ポートフォリオ、ドキュメント型のサイトは、静的サイトとして公開されます。詳しくは、ドキュメントの静的ウェブサイト をご覧ください。サイトにデータが必要になると、Mythex は Postgres データベースとファイルストレージを追加できます。Pro（月25ドル）では、コードを編集して書き出し、GitHub に同期できます。

Webflow の方が優れている点： Mythex にはビジュアルなキャンバスがありません。レイアウトは説明するかコードを編集して変えるため、ピクセル単位のデザイン作業は遅くなります。Webflow のような、非技術系の編集者向けのマーケティング CMS も組み込まれていません。コンテンツ管理は、AI に作るよう頼むものです。また、Mythex の標準的な Web アプリはクライアントでレンダリングされる React アプリで、SEO には追加の配慮が必要です。マーケティングサイトなら、静的に対応できる構造を頼んでください。詳しくは、ドキュメントの アプリの SEO をご覧ください。

所有権と後での移行

ウェブサイトビルダーを選ぶとき、見落とされやすい点です。

• Webflow： 有料の Workspace プランで、静的な HTML、CSS、JavaScript を書き出せます。パンフレット型のサイトには便利ですが、CMS、EC、ユーザーアカウントは含まれません。
• Wix： ヘルプセンターによると、サイトは Wix でホストする必要があり、別のホストに移すことはできません。ドメインは保持できます。
• Squarespace、Framer、Hostinger： ベンダーのプラットフォームでホストされます。後で移すことが重要なら、それぞれの書き出しオプションを確認してください。
• チャット型ビルダー： ビルダーによって異なります。Mythex は Pro で、プロジェクト全体の書き出しや GitHub への同期が可能です。各ビルダーのプランの詳細を確認してください。

最も移植可能にしておくべきものは、ドメインです。自分で管理できる方法で登録してください。独自ドメインを接続する方法 をご覧ください。

選び方

• 正確なレイアウトのマーケティングサイトを作るデザイナーや制作会社： Webflow か Framer。
• 非技術系のチームが管理する、コンテンツの多いマーケティングサイト： Webflow の CMS が強く合います。
• 今週サイトが必要な小規模事業者（予約や店舗が付くかもしれない）： Wix か Squarespace。
• シンプルなサイトの最も安い費用： Hostinger。ただし更新料金に注意。
• 実際にはアプリであるサイト、またはコードが欲しいサイト： Mythex などのチャット型ビルダー。

迷っているなら、同じシンプルなホームページを2つのツールで作ってみてください。それぞれ1時間ほど触れば、どの表よりも編集の使い心地が分かります。AI でウェブサイトを作る方法 で、その手順を解説しています。

比較の方法

2026年9月時点で、各ベンダーの公式サイト、料金ページ、ヘルプセンターに公開されている機能と価格を比較しました。実際に試したわけではなく、パフォーマンスも測定していません。ベンダーのサイトで確認できなかった内容は除外しています。Mythex の情報は、当社の製品ドキュメントから得ています。ウェブサイトビルダーの価格は、地域や請求の期間によって異なることがよくあります。ベンダーが価格を地域ごとに変えている場合（Wix、Squarespace、Hostinger）は、具体的な数字を挙げずにプランを説明しています。ここで挙げた米ドルの価格は、ベンダーのページに表示された額です。購入前に、自分に表示される価格を確認してください。

より広い一覧については、AI ウェブサイトビルダーのおすすめ をご覧ください。

よくある質問