Framerの代替ツールを、乗り換える理由別に整理

Framerはサイトごとに課金されます。20件のクライアントサイトをProプランに載せれば、エディターの席を追加する前の段階で、毎月20件分のProプランを支払うことになります。この請求額は、Framerの代替ツールの料金を比較し始める十分な理由です。ただ、離れる理由はそれだけではなく、理由ごとに向かう先が異なります。

サイトによっては、今もFramerに留まるのが正解です。Framerのモーションやインタラクション（私の見る限り、Framerが最も得意とする部分）に頼った、デザイン重視のサイトを考えてみてください。それがProプランの150ページに余裕で収まっているなら、私ならそのままにします。問題なく動いていてプランにも収まっているサイトを作り直しても、時間を失うだけです。問題が起きるのは、請求額やCMS、あるいはロックインがビジネスに合わなくなったときです。

乗り換える理由に合ったFramerの代替を選ぶ

最適なFramerの代替は、乗り換える理由によって変わります。CMSが手狭になったなら、Webflow、パブリケーションならGhost。1つのサイトのコストが高すぎるなら、Framerの下位プランか、より安いホスティング型ビルダー。多数のクライアントサイトでサイトごとの請求が重なるなら、1台のVPS上のWordPress。サイトを自分で所有したいなら、Webstudioのセルフホスト用エクスポート。

どの行に当てはまっても、Framerには公式のコードエクスポートがないため、サイトを移すには新しいプラットフォームで作り直す必要があります。 Framer自身のエクスポートに関するヘルプ記事でも、そのことが確認できます。

CMS側がプランに収まらなくなった

以下の価格は、2026年9月時点で各ベンダーが掲載している開始価格で、年払いが用意されている場合は年払いの料金です。価格は頻繁に変わるため、クライアントに見積もりを出す前に、リンク先の料金ページで確認してください。

クライアントのリソースライブラリを想像してみてください。導入事例、ガイド、ウェビナー、著者、カテゴリー、変更履歴。これだけで6つのコレクションになり、Proプランに含まれるのは10コレクションと2,500 CMSアイテムです。

お金を払えばこの上限は超えられます。Framerでは追加コレクションが10個ごとに$40から、追加アイテムが10,000件ごとに$20から販売されています。 アドオンを使えば、Proサイトは最大40,000 CMSアイテム、40コレクションまで拡張できます。 まずは計算してみましょう。1つのProサイトを40コレクション、22,500アイテムまで拡張するとします。これはWebflowのPremiumプランにほぼ含まれる量です。掲載されている料金で計算すると、プラン料金とは別に月$160以上が上乗せされます。

WebflowのPremiumサイトプランは、年払いで月$25からです。 料金表では、その価格に20,000 CMSアイテムと40コレクションが含まれています。ただし注意点があります。Webflowもサイトごとに課金するため、CMSの問題は解決しても、ポートフォリオ全体の問題は解決しません。さらに、新しいエディターを一から覚える必要もあります。 Webflowは、組み込みのチュートリアルとWebflow Universityで習得をサポートしています。

一部のサイトは、ずいぶん前からマーケティングサイトではなくなっています。それはもうパブリケーションです。ニュースレターとメンバーエリアを備えたブログはパブリッシングツールに置くべきで、そこでGhost(Pro)がぴったり合います。 Ghost(Pro)のPublisherプランは、メンバー1,000人までで年払い月$29からです。 読者が増えるにつれて価格は上がります。また、カスタムテーマが使える最初のプランでもあります。デザインはテーマとGhostのデザイン設定で行うため、キャンバス型のレイアウト作業はFramerに置いていくことになります。

結論： FramerのCMSの上限が乗り換えの理由なら、成長中のデザイン重視のサイトはWebflowのPremiumプランに移しましょう。CMSの容量はプラン料金に含まれています。サイトの主な役割が記事の公開とメール配信なら、Ghost(Pro)が最適です。デザインツールにニュースレタープラットフォームの役割をさせるためにお金を払う必要がなくなります。

1つのサイト、同等の作り込み、より少ない請求額

何かを作り直す前に、今のプランを確認しましょう。 FramerのBasicプランは年払いで月$10から。カスタムドメイン、30ページ、2つのCMSコレクションが付いています。 サイトがそこに収まるなら、より安いFramerの代替はFramerの中にあります。しかもモーションの作り込みもすべて残せます。

収まらない場合、次の選択肢はホスティング型ビルダーです。SquarespaceとWixは、どちらもサーバーに触れることなく複数ページの小規模ビジネスサイトに対応しています。Wixはプランの価格が地域によって異なるとしているので、自分の通貨での価格を確認してください。 1ページのサイトなら、Carrd Proは年$9からです（そう、年額です）。 カスタムドメインが必要なら、Pro Standardは年$19からです。

Framerのスクロールやインタラクションの効果がなくなって、困る人はいるでしょうか？5ページ程度の地元企業のサイトなら、気にする訪問者はほとんどいないと思います。モーションが肝心なポートフォリオや製品ローンチのページなら、気づかれるでしょう。

結論： 1つのFramerサイトのコストが見合わず、Basicにも収まらなくなったなら、SquarespaceかWixで作り直しましょう。1ページなら、Carrdで十分です。ただし、それはサイトがアニメーションに頼っていない場合の話です。まだBasicに収まる？それならプランを下げましょう（いちばん安い移行は、移行しないことです）。

サイトごとの請求がクライアントサイト全体で積み重なっている

エージェンシー向けのFramerの代替に求められる役割はただ一つ、クライアントが増えるたびにコストが膨らむのを止めることです。移行がそれを実現できるかは、3つの要素で決まります。ポートフォリオの規模でのFramerの請求額、1台のサーバーで何が変わるか（そして何が変わらないか）、そしてサイトを移す順番です。順番を間違えなければ、契約途中で価格にショックを受けるクライアントは出ません。

5サイトと20サイトでのFramerの請求額

Framerの有料プランはサイト単位で購入します。私ならクライアントのビジネスサイトはProで見積もります。サイトのリダイレクトとステージング環境が使えるのがこのプランだからです。年払いの場合、次のようになります。

次に席の料金です。エディターを1人追加すると月$20から、CMSの更新だけを行うコンテンツエディターは月$10からです。 Framerの料金ページでは、エディターは席ごとに課金されます。 （Framerの料金表には、Pro Expertsはクライアントのプロジェクトでエディターのアクセスが無料になるとも書かれているので、席数を数える前に自分が該当するか確認してください。）

あるエージェンシーオーナーの見積もりは、さらに厳しいものです。 価格改定に関するr/framerのスレッドで、投稿者はFramer上に約15件のクライアントを抱えていました。 成長中のサイトがレガシープランから移行するにつれ、クライアントのコストは「400%くらい」上がると予想していました。これは投稿者自身の見積もりで、Framerの料金ページにもう掲載されていないScaleプランについての話です。ある返信では、Webflowもその年に値上げしていたと指摘されていました。そのアドバイスは、旧料金プランにもう1年留まるほうが、作り直すよりもクライアントの負担が少ないかもしれない、というものでした。

為替がさらに状況を悪くします。 Framerがエージェンシーの利益を圧迫していることについてのスレッドで、投稿者は米国と欧州以外の地域で仕事をしています。 その説明によると、現地通貨が弱いと、サイトごとの料金は地元のクライアントにとって致命的になります。そのコストを自分でかぶるべきでしょうか？最も支持された返信の答えはノーでした。月額料金はクライアントの事業経費だ、なぜなら「あなたは制作者であって、ホスティング事業者ではない」からだ、と。

1台のサーバーが置き換えるもの、置き換えないもの

1台のサーバーで20件のProプランを置き換えられるでしょうか？インフラコストの面では、たいてい可能です。手間の面では、無理です。1台のサーバーに切り替えれば、サイトごとのFramerのホスティング費は1つのサーバー料金になります。その料金は、リソースを増やす必要が出るまで比較的一定のままです。

VPS（root権限付きのレンタルサーバーで、ソフトウェアを自分でインストールして運用するもの）上のWordPressなら、多数のクライアントサイトを一度にホストできます。サイトがほぼブログというクライアント向けに、Ghostを併用することもできます。

サイズの目安として、アクセスの少ないマーケティングサイト数件ならRAM 4〜8 GBにおおむね収まります。クライアント数とトラフィックの増加に合わせて増強してください。 WordPressのランディングページ1つなら、それより少なくて済みます。 だからこそ、1台のサーバーでそこまで多くをまかなえるのです。

新しいコスト構造は3つの要素から成ります。

• サーバー。料金は、動かすサイトの数ではなくリソースで決まります。
• ページビルダーのライセンス。Framerのデザインワークフローに近づけるために使う場合です。1つのライセンスで何サイトまで使えるかを確認してください。
• あなたの作業時間。見積もりから最も漏れやすいものです。

コードを書かないチームにとって、私が最も心配するダウングレードはエディターです。 プラットフォームの乗り換えに関するr/framerのスレッドで、あるコメント投稿者は「WordPressは絶対にありえない」と言い切っていました。 さらにこうも書いています。「Framerを離れれば、自由を手放すことになる」。WordPressを最も安い選択肢と呼んだ、価格改定スレッドのコメント投稿者でさえ、そのUIは中でも最悪だと評価していました。

次に、所有に伴う責任の移動があります。Framerはホスティングを代わりに担ってくれていました。自分のサーバーでは、すべてのクライアントサイトのWordPressコアとプラグインの更新、バックアップ、セキュリティ、稼働時間があなたの仕事になります。先ほどの最も支持されたアドバイスは、ここでは逆になります。セルフホストするなら、あなたがホスティング事業者です。私はシステム管理者ではないので、クライアントに約束するときに最も慎重になるのはこの部分です。 誰かと契約する前に、アンマネージドサーバーの運用に何が伴うかを把握しておきましょう。

クライアントサイトが数件しかない場合、チームが更新やバックアップを引き受けない場合、またはクライアントがFramerレベルのモーションを求めてあなたに依頼した場合は、この方法は避けましょう。WordPressの共有ホスティングならさらに安く、エージェンシーの利益に関するスレッドの投稿者が描いていたのもこのルートです。ただし、自分のサーバーに比べるとコントロールできる範囲は狭くなります。 また、共有ホスティングでは足りなくなる時点もあります。

この方法を選ぶなら、当社のWordPress VPSでは、ワンクリックのLAMPイメージ付きのセルフマネージドサーバーを利用できます。 WordPressのセットアップウィザードは自分で実行する必要があり、どのVPSでも動かせます。

クライアントを驚かせずにポートフォリオを移行する

20サイトを1か月で移行するのはやめましょう。私ならこの順番で進めます。

1. 新規クライアントは初日から新しい環境に載せます。説明すべき価格変更はありません。
2. 既存のサイトは、更新時期か次のリデザインのタイミングで移します。新しい環境と新しい価格を同じ話の中で伝えられるからです。
3. 最もデザイン重視で単価の高いサイトは、料金でプラン代をまかなえる限り、最後までFramerに残します。

プロのヒント： 順番を決める前に、全クライアントの契約更新日を1つのリストにまとめましょう。そのリストが移行スケジュールになります。

結論： クライアントサイトが数件を超えるなら、保守を自分で担う覚悟があれば、1台のサーバーでインフラコストを削減できます。担わないなら、クライアントにそれぞれFramerのサブスクリプションを契約してもらえば、作り直しを強いることなく、そのホスティング費用を自分の利益から切り離せます。

持ち出せるサイトが欲しい

ここまでのホスティング型のルートは、どれも公開中のサイトを他社のプラットフォームに置いたままです。以下の脱出ルートは、Framerの手軽さの一部と引き換えに、自分で管理できるコピーを手に入れるものです。どこまでコントロールできるか、どれだけ手間がかかるかは、ルートによって大きく異なります。

Webflowのエクスポートと手書きコーディング

Webflowでは、条件付きでコードを持ち出して離れることができます。 Webflowの料金ページによると、有料のWorkspaceプランならどれでも、サイトをエクスポートしてどこにでもホストできます。 CMSのコンテンツはコードのエクスポートに含まれず、コレクションは別途CSVでエクスポートします。また、Webflowネイティブのフォーム処理とサイト内検索も、エクスポートしたサイトでは動作しなくなります。これは一方通行のスナップショットです。Framerよりロックインは少ないものの、まだ残ります。

手書きのコードや静的サイトは、何より確実な脱出ルートです。どこにでもホストできる単純なファイルで、Hugoのような静的サイトジェネレーターで作られることが多いです。ただし、チームの誰かがコードを書ける場合に限ります。 あるr/framerの投稿者は、Framerの料金を理由に、小規模なクライアントページを手書きコーディングに戻しました。 最初の返信は「コードの知識はゼロで、デザインがすべて」という人からでした。誰もがコードに切り替えられるわけではない、とその人は指摘しています。

公開済みのFramerサイトをコードに変換できると謳うサードパーティ製ツールもあります。何が残って何が壊れるかをテストせずに、私ならクライアントのポートフォリオをそれに頼って構築することはしません。

Webstudio：ホスティング版で構築し、エクスポートを自分でホスト

ビジュアルのまま使えるセルフホスト型のウェブサイトビルダーが欲しいですか？先ほどの料金と乗り換えに関するr/framerのスレッドでは、何人ものコメント投稿者がWebstudioにたどり着いていました。 Webstudioはオープンソースのビジュアルビルダーで、ライセンスはAGPL-3.0-or-later。GitHubページではWebflowの代替として紹介されています。

まず理解しておくべき区別があります。 Webstudioのセルフホスティングのドキュメントには、Builderを本番環境でセルフホストするのは「より難しく、現時点では推奨されない」と書かれています。 作成したサイトは別です。ドキュメントによると、そちらは本番環境でセルフホストできます。つまり、Webstudioのホスティング版Builderでデザインし、プロジェクトをエクスポートして、エクスポートしたサイトを自分でホストするという流れです。

エクスポートには2つの形式があり、それぞれ別の場所から行います。

• 静的サイト： Builderの「Download」ボタンで得られるもの。どの静的ホストでも動きますが、動的ページ、リダイレクト、webhookフォーム、画像最適化、sitemap.xml、robots.txtは失われます。
• JavaScriptアプリ： コマンドラインツールであるWebstudio CLIからのみ利用できます。CMS連携、webhookフォーム、画像最適化、リダイレクトは残りますが、サーバーコードを実行できるホスティングが必要です。WebstudioはそのためのDockerfileを用意しています。これはDocker（アプリをパッケージ化し、どのサーバーでも同じように動くようにするソフトウェア）用のビルドレシピです。 Dockerのビルドには、少なくとも1 GBのメモリと1 CPUコアが必要です。

VPSの出番はJavaScriptアプリです。Dockerがサイトを動かし、Coolify（それらのコンテナをデプロイ・管理するセルフホスト型ダッシュボード）が運用のためのWebインターフェースを提供します。それでもエクスポート自体はコマンドラインで行うので、コードを書かないチームには最初にそう伝えておきます。

決める前に、さらに3つの点を確認しましょう。 クライアントは、ホスティング版Builderで設定したブロックの中で、WebstudioのContentモードを使ってテキストや画像を編集できます。 ドキュメントによると、クライアントにContentモードの共有リンクを送るにはWebstudioのProプランが必要なので、見積もりにそのプランを含めておきましょう。また、Contentモードでの変更は、公開しないと反映されません。さらに、セルフホスティングのドキュメントには、エクスポートしたプロジェクトはBuilderとは独立してデプロイされると書かれています。私の解釈では、Contentモードで行った編集は、誰かがエクスポートして再デプロイするまで、セルフホストしたコピーには反映されません。

2つ目の確認事項はモーションです。Webstudioのオプションのアニメーションコンポーネントパッケージはプロプライエタリで、別途ライセンス契約が必要です。モーションを多用するサイトではこれが重要になります。3つ目はドキュメントです。 オープンソースのFramer代替を求めるr/selfhostedのスレッドで、あるコメント投稿者はインストーラーかDockerイメージを探していました。 その人はドキュメントを「非常にわかりにくく、不完全」と評していました。

結論： サイトを所有したいことがFramerを離れる理由なら、Webstudioのセルフホスト用エクスポートを選びましょう。JavaScriptのフルエクスポートでは、依然として誰かがCLIとサーバーへのデプロイを担う必要があります。静的ダウンロードのほうが簡単ですが、動的機能は失われます。

WordPressでポートフォリオを運用するルートも、Docker化したWebstudioのエクスポートも、行き着く先は同じです。自分で動かし続けなければならないサーバーです。 当社のLinux VPSは、99.95%の稼働率SLA付きでroot権限を提供します。 これで、仕事のうちハードウェア面を任せられます。 Coolify VPSならワンクリックでCoolifyがインストールされ、そのエクスポートをすぐに動かせます。

よくある質問

Framerのサイトからコードをエクスポートできますか？

公式にはできません。Framerにはコードのエクスポート機能が組み込まれていないため、サイトを別のホストに移すには新しいプラットフォームで作り直す必要があります。サードパーティ製の変換ツールはありますが、Framerの製品ではありません。

オープンソースのFramer代替はありますか？

はい。Webstudioです。オープンソース（AGPL）のビジュアルビルダーで、サイトを作成してエクスポートし、その成果物を自分でホストできます。WebstudioのBuilder自体もオープンソースですが、現時点のドキュメントでは、Builderを本番環境でセルフホストすることは推奨されていません。

無料のFramer代替はありますか？

Framerの無料プランは選択肢の一つですが、1つ注意点があります。 Framerの無料プロジェクトでは10のCMSコレクションと1,000ページが使えますが、カスタムドメインを接続するには有料プランが必要です。 Webflowの無料のStarterプランはずっと制限が厳しく、webflow.ioドメイン、静的ページ2つ、CMSアイテム50件までです。 WordPressやWebstudioのようなオープンソースソフトウェアは無料で使えますが、サイトのホスティングにはやはり費用がかかります。