Bubble対Webflow：アプリビルダーか、ウェブサイトビルダーか

Bubble と Webflow はどちらもビジュアルなノーコードツールですが、作るものが異なります。Webflowはウェブサイトビルダーで、デザインのコントロールが重要なマーケティングサイト、ブログ、コンテンツに最適です。Bubbleはアプリビルダーで、ユーザーアカウント、データベース、ワークフローを備え、2026年からはネイティブのモバイルアプリも作れます。プロジェクトの大部分が人に読まれるページであれば Webflow を、ログイン後に人が操作するものであれば Bubble を選んでください。2026年9月時点では、Webflowのサイトプランは年払いで月額15ドルからで、Bubbleのライブアプリのプランのうち最初のものは年払いで月額59ドルです。

比較の方法

この比較は、2026年9月時点でBubbleとWebflowの料金ページ、製品ページ、ドキュメントに公開されている機能と料金に基づいています。テスト用のプロジェクトは構築しておらず、パフォーマンスも計測していません。比較の基準は次のとおりです。

• 作れるもの — ウェブサイト、Webアプリ、モバイルアプリ
• データ — CMSのコンテンツか、アプリのデータベースか
• AI — 現時点でそれぞれが提供する機能
• 所有権 — コードとデータの書き出し
• 料金 — プランと上限の構成

並べて比較

Bubble

作れるもの。 Bubbleは、Webアプリのためのビジュアルでノーコードのビルダーです。ページをデザインし、データを定義し、ワークフローを組み立てます。たとえば「このボタンがクリックされたら、予約を作成してオーナーにメールを送る」といったことを、コードを書かずに設定できます。Bubbleによると、同じエディタから共有のバックエンドを使った本格的なネイティブのiOSとAndroidアプリも作成でき、App StoreとGoogle Playに直接公開できます。

AI。 Bubble AIは説明文からアプリ全体を生成します。Bubbleは、生成されるのはコードではなく、後からビジュアルに理解して編集できるアプリだと強調しています。Agentは機能を追加したり、トラブルを修正したり、アプリの仕組みを説明したりできます。何を作ったかを一歩ずつ示してくれます。

所有権。 Bubbleのマニュアルは明確です。Bubbleのアプリは Bubble のプラットフォーム上でしか動作せず、アプリをコードとして書き出す方法はありません。データはCSVファイルとして書き出すか、BubbleのAPIを通じて読み取れます。また、Bubbleが万一サービスを終了する場合には、ソースコードをオープンソースライセンスで公開し、アプリを自己ホストできるようにするとしています。

2026年9月時点の料金。 プランは、アプリが行うサーバー処理の量を示すBubbleの指標であるワークロード単位によって、一部が決まります。

• Free — 0ドル。開発版のみ、月5万ワークロード単位、エディタ1人。
• Starter — 年払いで月額59ドル。ライブアプリ、独自ドメイン、17万5千ワークロード単位、定期ワークフロー、モバイルビルドの提出は月5件。
• Growth — 年払いで月額209ドル。エディタ2人、25万ワークロード単位、二要素認証、プレミアムなバージョン管理。
• Team — 年払いで月額549ドル。エディタ5人、50万ワークロード単位、サブアプリ。
• Enterprise — 個別見積もり。ホスティング場所を選択可能。

詳しくは Bubbleの料金 をご覧ください。

注意点。 アプリの成長に合わせて監視すべきはワークロード単位です。また、書き出しができない方針のため、Bubbleから移行するにはアプリを作り直す必要があります。

Webflow

作れるもの。 Webflowは、デザイナーやマーケティングチーム向けのビジュアルなウェブサイトビルダーです。レイアウトやインタラクションをビジュアルにデザインします。Webflow CMSは、ブログ記事、事例、チームメンバーといった構造化されたコンテンツを扱います。Webflowは、Webアプリをホストする Webflow Cloud も提供しています。リクエスト数、CPU、データベースには独自の上限があります。オンラインストア向けのECサイトのプランもあります。

AI。 Webflowは自らを AI ネイティブのプラットフォームと呼んでいます。Workspaceプランには、Webflow AIの機能に使える毎月のAIクレジットが含まれます（無料のWorkspaceプランでは200、有料プランではそれ以上）。また、どのサイトプランにもMCPサーバーが含まれており、AIツールがサイトを扱えます。

所有権。 有料のWorkspaceプランでは、開発者向けにクリーンなHTMLとCSSを書き出せます。Webflowによると、動的なCMSのコンテンツはこの方法では書き出せません。

2026年9月時点の料金。 Webflowは、サイトプラン（サイトごと、ホスティング用）とWorkspaceプラン（チーム用）を分けています。年払いにすると最大40%お得になります。

• Starterサイト — 無料。webflow.ioのドメイン、静的ページ2つ、帯域幅1GB、フォーム送信50件、CMSは制限付き。
• Basicサイト — 年払いで月額15ドル。独自ドメイン、静的ページ300、帯域幅10GB、フォーム送信は無制限。CMSなし。
• Premiumサイト — 年払いで月額25ドルから。CMS、より多い帯域幅（50GBから）、サイト内検索、コードコンポーネント、フォームのファイルアップロードを追加。
• ECサイト — 年払いで月額29ドルのStandardから。ECの商品500点と、取引ごとに2%の手数料。
• Workspace — 無料のStarter。チーム向けには年払いでCoreが月額19ドル、Growthが月額49ドル。クライアント案件向けには年払いでFreelancerが月額16ドル、Agencyが月額35ドル。Coreではカスタムコードとコードの書き出しが加わります。
• TeamとEnterprise — Teamは年間契約で月額2,500ドル。Enterpriseは個別見積もり。

詳しくは Webflowの料金 をご覧ください。

注意点。 サイトプランとWorkspaceプランの両方に料金がかかる場合があります。また、帯域幅は段階的に設定されているため、予算を組む前に両方を確認してください。

用途別：どちらを選ぶか

それぞれが明らかに強い場面：

• Webflow は、デザインのコントロール、コンテンツの公開、そしてウェブサイトのコストで強みを発揮します。
• Bubble は、コードを書かずに、アプリのロジック、ユーザーデータ、モバイルアプリを扱える点で強みを発揮します。

両方を使うチームもあります。マーケティングサイトはWebflow、「ログイン」ボタンの裏にあるアプリはBubbleで作る、という形です。

AIアプリビルダーの位置づけ

この選択肢のBubble側に当たる新しい選択肢として、AIアプリビルダーがあります。平易な言葉でアプリを説明すると、エージェントが実際のコードを書きます。ノーコードとの違いは、ビジュアルエディタを覚える必要がないことです。持ち運べるソースコードが手に入りますが、変更はドラッグ操作ではなくプレビューで確認することになります。ノーコードとAIアプリビルダーの比較 で詳しく扱い、Webflow側については WebflowとAIウェブサイトビルダーの比較 で同様に扱っています。

Mythexはその一つです。アプリを説明すると、エージェントがアプリを構築します（デフォルトはReactとTypeScript）。各プロジェクトは専用のPostgresデータベースとファイルストレージを持てます。公開先は yourname.mythex.app か、Proではご自身のドメインです。Pro（2026年9月時点で月額25ドル）では、コードを編集したり、プロジェクトを書き出したり、GitHubに同期したりできます。ログイン、メール、決済には、エージェントが接続するご自身のプロバイダーとキーを使います。ドキュメントのプラン をご覧ください。

BubbleやWebflowが優れている点もあります。Mythexにはドラッグ＆ドロップのビジュアルデザイナーがありません。また、Proで提供されるAndroidとiPhoneのアプリは、完全にネイティブの画面ではなく、Webアプリをラップしたものです。全体の比較は MythexとBubbleの比較 をご覧ください。

選ぶ前に

1. ユーザーが行うべき3つのことを書き出します。 「読む、閲覧する、問い合わせる」であればWebflowに傾きます。「登録する、保存する、管理する」であればBubbleに傾きます。
2. 月額ではなく年額で見積もります。 どちらのツールも、表示されている価格は年払いの価格です。
3. どの程度のロックインを受け入れるかを決めます。 Webflowは HTML と CSS を書き出せ、Bubbleはデータを書き出せますがアプリは書き出せません。

ほかの選択肢については、Bubbleの代替ツール、Webflowの代替ツール、FramerとWebflowの比較 をご覧ください。

よくある質問