FramerとWebflow：どちらを選ぶか（2026年比較）
要約
FramerとWebflow、両者の選別は一本の線で引ける：速さか深さか。Framerのキャンバスと組み込みAIは、視覚的に際立ったサイトを数分で公開できる。ただしCMS機能は10コレクションどまり。Webflowは起動コストが高いが、参照機能を備えた本格的なCMS、標準ベースのコード書き出し、15,000アイテムまで対応するeコマース機能を提供する。単発のマーケティングサイトはFramerで充分。クライアントサイトで長期的な成長を見込むなら、Webflowが本番環境向けの選択肢だ。
Framer
- フリーフォームキャンバスは、レイアウトとモーションをカスタムCSSなしでピクセル単位で制御
- AIサイト生成とエディタ内AIエージェントが、テキストプロンプトから動作する草案を数分で作成
- 公開はほぼ即座。フリープランでも本当のプロトタイピングに充分なほど寛容
- ローカライゼーション機能はエディタから20言語まで機械翻訳可能
- CMSコレクションはBasicで2個、Proで10個が上限。コンテンツの多いサイトは早期に圧迫される
- WordPressのようなプラグインエコシステムがない。珍しい機能はカスタムコードが必要
- ページ数とCMSアイテム上限が有料アドオンに急速に押し上げられていく
短編で視覚的に大胆なマーケティングサイト。深いCMSを誰も望まない時に最適。
Webflow
- ネイティブなCMSコレクションは参照機能とフィルタリング機能を持ち、本当に動的なコンテンツに対応
- 書き出したHTML・CSSは標準的で清潔。スタティックサイトはWebflowホスティングを離れても成立
- eコマースプランは500アイテムから15,000アイテムカタログまでスケール。Standard以上なら手数料0%
- ステージング環境、クライアントシート、ロール権限はエージェンシーがクライアント成果物をハンドオフする流儀に合わせてある
- ボックスモデルエディタは、フリーフォームキャンバスよりも非開発者向けの学習曲線が高い
- Premium CMSプランと帯域幅アドオンは、トラフィックの多いコンテンツサイトで急速に高額化
- 動的なCMSコレクションは書き出し時に同梱されず、Webflow離脱はデータレイヤーの再構築を意味する
クライアントサイトが本物のCMS、eコマース、複数年のコンテンツロードマップを必要とする時に最適。
At-a-glance
| Framer | Webflow | |
|---|---|---|
| 本格的なサイトの最低料金 | 月$10のBasic（CMSコレクション2個、帯域幅50GB） | 月$15のBasic（CMS無し）または月$25のPremium（CMS機能搭載） |
| CMS機能の深さ | Basicで2コレクション、Proで10コレクション、アドオンで最大40コレクション | 参照機能、フィルタリング機能、公開REST API付きのコレクション |
| コードの所有と持ち出し | 書き出し経路なし。サイトはFramerホスティング上に存在するか、存在しないか。 | スタティックHTML・CSS書き出し可（動的CMSコレクションは除く） |
| ネイティブなeコマース機能 | 組み込みなし。サードパーティ埋め込みが必要。 | 専用プラン。月$29（500アイテム）～月$212（手数料0%） |
| 組み込みのAIツール | AIサイト生成とエディタ内AIエージェント。マンスリークレジット制。 | AI補助コピー・レイアウト提案、プラスエージェントワークフロー向けのMCPサーバ |
| 学習曲線 | 低い：フリーフォームキャンバス、デザインツールに近い | 中～高い：ボックスモデルレイアウトが実CSSに近い |
Verdict
Webflowはプロフェッショナルとエージェンシーワークにおける推奨が安全だ。CMS機能は本当に動的なコンテンツに対応し、コード書き出しは標準的で、eコマースプランは趣味レベルの店舗を超えてスケーラブル。スターター層を超えて成長すると予想されるクライアントサイトなら、Webflowとして枠どめしておく。Framerが優位は、速度と視覚的磨きが最優先で、一切のCMS野心がない時だけだ。
How we tested
FramerとWebflowを、公開価格表（2026年7月取得）に照らし合わせて直接比較。プラン上限（CMS コレクション数、アイテム数、帯域幅、ページ数）を同一ソースから再確認。両エディタの最新AI機能とCMS文書をレビュー。採点は編集インターフェイスの磨きより、CMSの深さ、コード所有権、本当のクライアントサイトの全体コスト（CMS + カスタムドメイン + 1言語ロケール翻訳）に重みを置いた。フリーランサーもエージェンシーも、サイトを何年も保守に出せるかどうか、そこが真の決め手。
Framer webflow 比較を決める軸は単純だ。二つの本質的に異なる製品思想の間で選別される。Framerはスピード：フリーフォームのキャンバス、組み込みのAI生成、数分で公開。Webflowは深さ：参照機能を備えた本格的なCMS、標準ベースのコード書き出し、スケーラブルなeコマース機能。単発のマーケティングサイトならFramerが勝つことが多い。複数年分のコンテンツを抱えるクライアントサイトなら、Webflowが本番環境向けの選択肢であり、我々の推奨もこちらだ。
なぜWordPressのフリーランスが今もこの質問を受け取るのか
クライアントは言う。「競合のサイトはFramer上です」「マーケティング部門がWebflowを欲しがっている。WordPressではなく」。頻繁に起こる。だから曖昧な返答ではなく、明確な答えを用意すべき案件だ。両プラットフォームとも、WordPressのフリーランスが既に知っている考え方を流用している：ビジュアルキャンバス、コンテンツモデル、公開ボタン。どちらもブロックテーマの全てを置き換えるわけではないが、特定のシーンでは置き換えられる。
この比較は、現場で働く実務者の視点で両ツールを見つめる。公式の最新価格表から引っ張ってきた実価格、実制約（ページ数、CMSコレクション、帯域幅）、そしてプラットフォームから離脱したい日やスターター層から成長する日に何が起きるのか。
各プラットフォームが本当に最適化していることは何か
Framerはデザインとプロトタイプツールとしてスタートし、今もそのように振る舞う。キャンバスはフリーフォーム：要素を好きな場所に置き、インタラクションをビジュアルで配線でき、AIサイト生成は単一のプロンプトから完全なページを草案できる。FigmaにPublishボタンが付いたような感覚に近い。
Webflowは逆方向からスタートした：ビジュアルエディタが実CSSのボックスモデル概念に直結し、本格的なコンテンツ管理システムと組み合わさっている。コレクション、コレクション間の参照、フィルタ済みビューは、静的マーケティングページというより、小規模なカスタムアプリケーションに近いものを構築可能にする。
価格：本当のクライアントサイトが実際にいくらかかるか
FramerのBasicプランは月$10。カスタムドメイン、CMSコレクション2個、帯域幅50GBが含まれる。Proは月$30でコレクション10個、帯域幅100GB。それ以上のコレクション、ページ、帯域幅はアドオンで購入。翻訳ロケールは最初の1つを超えると、概ね1ロケール当たり月$20前後で個別請求される。
WebflowはSiteプランとWorkspaceプランに分かれており、初見の利用者を戸惑わせることがある。CMSなしのBasic Siteプランは月$15（年払い）。CMS機能を含むPremiumは月$25。現在のWebflow価格表参照。eコマースは独立したプラン層で、500アイテム・取引手数料2%の月$29から、手数料0%の月$212まで。どれもクライアントシートや追加ステージング環境に必要な別建てのWorkspaceプランは含まれない。 どちらも、本格的なCMS、翻訳ロケール複数、eコマースが必要になると安くない。Framerのアドオン価格はProの上限を超えると急速に跳ね上がり、Webflowは月額チーム契約（最低$2,500/月）の段階に移ると同じく跳ね上がる。
CMS機能の深さ：推奨の鍵になる本当の差
ここが、二つの製品が同等の土俵で比較できなくなるポイントだ。FramerのCMSコレクションはBasicで2個、Proで10個が上限で、1個追加あたり月$40のアドオンで最大40個まで拡張可能。コンテンツアイテムはそれぞれ1,000・2,500が上限で、アドオンで最大40,000まで。
WebflowのCMSは最初からコンテンツの動的運用を想定していた。コレクション同士が参照可能で、フィルタ・ソート済みのコレクションリストはカスタムコードを書かずレンダリングでき、公開REST APIで外部ツールがCMSアイテムを読み書きできる。ブログ、ディレクトリ、ジョブボード、複数の数十アイテムタイプを持つカタログなら、WebflowのCMSモデルはFramerが構築されていない仕事をこなす。
持ち出せるコード
Webflowは有料Workspaceプランなら、表示ライセンス不要でスタティックHTML・CSSを書き出せる。但し、動的なCMSコレクションは書き出しに同梱されない。データ駆動のサイトはWebflowホスティングを去った瞬間、静的なスナップショットになる。Framerは書き出し経路が存在しない。そのサイトはFramerホスティング上に存在するか、存在しないかのどちらか。
どちらもWordPressのブロックテーマほど可搬性がない。根底のマークアップとコンテンツが最初から自分のものであるWordPressとは異なる。クライアントが長期所有権を尋ねるなら、素直に言う価値がある。両ツールは「コード所有は誰の手に」という問いに、WordPressとは異なる答えを返す。
両エディタのAIツール、ギミックではなくなる線引き
両プラットフォームは自分たちをAIネイティブと呼ぶ。FramerはAIサイト生成と組み込みエージェントをワークフロー直結させ、プランに応じたマンスリークレジット枠で従量課金。Webflowはコピーとレイアウト提案、加えて外部AIエージェントがサイト構造を直接読み書きできるModel Context Protocolサーバを提供。既存ツール周辺でエージェントワークフローを構築する組織向けだ。
実運用では、両AIレイヤーとも初稿には有用だが、本番完成度では信頼できない。どちらでもブランクキャンバスから粗い構成へのショートカットと見なし、デザイナーの判断に代わるものではないと考える。クライアントワークの完成度で使うなら、なおさらだ。
Framerが圧倒的に勝るところ
スピード。ポートフォリオを試作するフリーランスデザイナー、プロダクトローンチのランディングページ、単発キャンペーンサイトは、WebflowよりもFramerで速く公開でき、学習コストも小さい。CMS要件がなく、動的コレクション2・3個で済むなら、Framerの低い学習曲線と寛容なフリープランが、実用的な選択肢になる。
エディタをもっと減らしたいクライアントには、WegicのようなチャットファーストなビルダーがあるSprayDown。キャンバスをスキップして、プレーンテキストでサイトを説明したら、AIが公開する。デザインコントロールを引き換えに、ほぼゼロのセットアップ時間が手に入る。Framerのキャンバスすら多すぎると感じるクライアントには、言及する価値がある。
検証方法
両プラットフォームを公式価格表（2026年7月取得）に照らし合わせて直接比較、プラン上限（CMS コレクション数、アイテム数、帯域幅、ページ数）を同一ソースから再確認し、両エディタの最新AI機能とCMS文書をレビューした。採点は、編集インターフェイスの磨きより、CMSの深さ、コード所有権、本当のクライアントサイトの全体コスト（CMS + カスタムドメイン + 1言語ロケール翻訳）に重みを置いた。それが、フリーランサーもエージェンシーも、サイトを何年も保守に出せるかどうかを分ける、真の決め手だからだ。
実際の案件に合わせてプラットフォームを選ぶ。速く、自由度の高い、CMS不要なサイトはFramer。成長を見込むクライアントサイトはWebflow。