ガイド

Framer vs Webflow:どちらのWebサイトビルダーを選ぶべきか?

Framer は、マーケティングサイト、ポートフォリオ、スタートアップのランディングページを、AIのサポートとデザインツールのようなキャンバスで素早く作って公開したい場合に選びましょう。Webflow は、大規模なCMS、組み込みのEC、コードの書き出し、またはマーケティングチームが何年も運用するプラットフォームが必要な場合に選びましょう。どちらも、高速で洗練されたサイトを作れ、現在はどちらにもAIが組み込まれています。違いは主に、規模、コンテンツ、そして結果をどこまで細かく制御したいかにあります。

Framer vs Webflowの概要

FramerWebflow
使い心地デザインツール(キャンバス、コンポーネント)ビジュアルのフロントエンドツール(ボックス、クラス、CSSの概念)
学習コスト中程度高め
AIすべてのプランでAIエージェントとクレジットWorkspaceでのWebflow AI、MCPサーバー、AIクレジット
無料プランあり。Framerのドメインあり。webflow.ioのドメイン、静的ページ2つ
有料の入門価格(2026年9月時点)年払い月10ドル(Basic)年払い月15ドル(Basic、CMSなし)
CMSのプランBasic:コレクション2つ、1,000項目。Pro(月30ドル):コレクション10個、2,500項目Premium(月25ドル):コレクション40個、20,000項目
ECECプランの記載なし年払い月29ドルからの別プラン
コードの書き出し記載なし有料のWorkspaceプランでHTML/CSSを書き出し(CMSのコンテンツは除く)
多言語対応翻訳ロケールのアドオン、1ロケールあたり20ドルWebflow Localize。Teamプランに記載
追加の編集者1人あたり月20ドル席数はWorkspaceプランによる

どちらのベンダーもプランを頻繁に変更します。決める前に、Framerの料金とWebflowの料金を確認してください。

比較の方法

2026年9月時点で、FramerとWebflowの公式料金ページに公開されている機能、上限、価格を比較しました。実際に検証はしておらず、そのページで確認できなかった内容は除外しています。価格は米ドルで、特に断りがない限り年払い、税抜きです。

Framer:デザイン重視で速い

Framerは、アイデアから公開までを進める「デザインエージェント」だと説明しています。デザインアプリのようなキャンバスで作業でき、AIが説明文からページ、セクション、コピーを作成し、CMSを扱うこともできます。各プランのクレジットで、AIエージェントとAIによる翻訳を利用できます。

サイトのプラン(2026年9月時点、年払い):

  • Free: 0ドル。Framerのドメイン、月500 AIクレジット、1GBの帯域幅。
  • Basic: 月10ドル。カスタムドメイン、30ページ、コレクション2つ(1,000項目)、50GBの帯域幅、月1,000 AIクレジット、組み込みのSEO、パスワード保護、サイト内検索、30日分のアナリティクス。
  • Pro: 月30ドル。150ページ、コレクション10個(2,500項目。追加購入可能)、100GBの帯域幅、月3,000 AIクレジット、ステージング環境、プレビュー付きのブランチ、リダイレクト、90日分のアナリティクス。
  • Enterprise: 個別見積もり。SSO、SCIM、稼働時間の保証を含む。

追加の編集者は月20ドルです。アドオンには、1ロケールあたり20ドルの翻訳ロケールや、ファネルを使ったA/Bテストがあります。

強み: アイデアから公開までが非常に速く、コードなしでアニメーションとレイアウトを細かく制御でき、キャンバス上で動くAIがあり、小さなサイト向けの料金がシンプルです。

制限: Basicでは、CMSの上限が控えめです。また、Framerの料金ページには、ECプランもコードの書き出しも記載されていません。Webサイト向けに作られており、Webアプリ向けではありません。

Webflow:コンテンツの多いサイト向けの力と拡張性

Webflowは、レイアウトとスタイルを細かく制御でき、成熟したCMS、ホスティング、テンプレート、アプリ、認定パートナーの大きなエコシステムを提供しています。クラス、ボックスモデルなどのWebの概念を使うため、デザイナーや開発者に好まれる一方、初心者には難しく感じられます。

サイトのプラン(2026年9月時点、年払い):

  • Starter: 無料。webflow.ioのドメイン、静的ページ2つ、限定的なCMS(50項目)、1GBの帯域幅、50件のフォーム送信。
  • Basic: 月15ドル。カスタムドメイン、静的ページ300、10GBの帯域幅、フォーム送信は無制限、CMSなし。
  • Premium: 月25ドルから。CMS(最大40コレクション、20,000項目)、50GBから始まる帯域幅の段階、コードコンポーネント、サイト内検索、フォームのファイルアップロードを追加。
  • Team: 年間契約で月2,500ドル。Webflow Localize、公開のワークフロー、ガバナンスを追加。Enterprise は個別見積もり。

Workspaceのプラン(ステージング、席、共同作業用)が、その上に加わります。Starterは無料、Coreは年払い月19ドル、Growthは年払い月49ドルです。コードの書き出しはCore以上で使えます。

ECのプランは別です。 Standardは月29ドル(500商品、取引手数料2%)、Plusは月74ドル(5,000商品、取引手数料なし)、Advancedは月212ドル(15,000商品)で、いずれも年払いです。

強み: 大規模で柔軟なCMS、組み込みのEC、開発者への引き継ぎのためのコードの書き出し、大規模なマーケティングチームへの対応。

制限: 学習コストが高く、サイトとWorkspaceの2層のプランがあるため、総額が分かりにくくなります。また、Webflowは、書き出したコードには動的なCMSのコンテンツが含まれないと説明しています。

どちらのツールがプロジェクトに合うか?

あなたが…選ぶべきもの
ポートフォリオやスタートアップのサイトを作るデザイナーFramer
今週中にランディングページを公開したいFramer
何千もの記事があるブログや情報サイトを運営するWebflow
サイトから商品を販売するWebflow(または専用のストアプラットフォーム)
後で開発者にサイトを引き継ぐWebflow
編集者と承認者が多いマーケティングチームWebflow

ランディングページについては、ツールよりも構成のほうが重要です。コンバージョンするランディングページの作り方を参照してください。

どちらも適さない場合

FramerとWebflowはWebサイトを作るツールです。「サイト」にユーザーアカウント、ダッシュボード、独自のルールに基づく予約、またはユーザーが作成・編集するデータが必要な場合は、Webアプリを作ることになります。そのような場合にはAIアプリビルダーが適しています。Mythexでは、チャットでアプリを説明すると、AIエージェントがコードを書き、アプリに必要であればPostgresデータベースを追加できます。トレードオフとして、ドラッグ&ドロップのキャンバスはありません。変更は、説明するか、Proプランではコードを編集して行います。こうした違いについては、WebflowとAIウェブサイトビルダーの比較を参照してください。

まだWebサイトビルダーを選んでいる段階であれば、Wixの代替ツールとおすすめのAIウェブサイトビルダーで、さらに選択肢を確認できます。Webflowの代替ツールでは、Webflowの競合を直接取り上げています。

結論

  • Framer は、デザイン重視のマーケティングサイト、ポートフォリオ、スタートアップのページに、より速くシンプルに作れる選択肢です。入門価格が安く、AIがキャンバスに組み込まれています。
  • Webflow は、大規模なCMSサイト、EC、チームでの公開、コードの引き継ぎに向いた、より強力なプラットフォームです。その代わり、学習コストが高く、料金体系も複雑になります。

どちらにするか決められない場合は、両方の無料プランでトップページを作ってみてください。半日ほど使ってみて自然に感じられたほうが、おそらく正解です。

よくある質問

スタートアップのWebサイトには、FramerとWebflowのどちらが良いですか?

スタートアップのマーケティングサイトやポートフォリオには、通常Framerのほうが素早く作れます。有料の入門プランは年払いで月10ドルで、AIとデザインツールのようなキャンバスが特徴です。大きなCMS、オンラインストア、コンテンツを公開するマーケティングチームが必要な場合は、Webflowのほうが適しています。

Framerは Webflowより安いですか?

入門レベルでは、はい。2026年9月時点で、Framer Basicは月10ドル、Webflow Basicは月15ドルです(どちらも年払い)。CMSが必要な場合、Framer Proは月30ドル、Webflow Premiumは月25ドルですが、上限が異なるため、ページ数、CMSの項目数、帯域幅をサイトに合わせて比較してください。

FramerやWebflowのコードを書き出せますか?

Webflowは、有料のWorkspaceプランでHTMLとCSSのコード書き出しに対応しています。ただし、CMSのコンテンツは、この方法では書き出せません。Framerの料金ページにはコードの書き出しが記載されていないため、Framerでホスティングする前提で考えてください。

Framerでオンラインストアを作れますか?

2026年9月時点では、Framerの料金ページにECプランは記載されていません。Webflowは、年払い月29ドルからの別のECプランを販売しています。本格的なストアを作るなら、専用のコマースプラットフォームも比較対象に入れてみてください。

Mythex · Pricing · AIでなんでも作ろう · ウェブサイト・アプリのテンプレート · Mythexを比較 · AIアプリ開発用語集 · AIアプリ開発の無料ツール · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)