Webflow vs Framer:料金・CMS・運用体制で選ぶサイト制作ツール

WebflowとFramerを、料金・CMS・SEO・共同編集・AI機能から比較します。デザイナーが更新するサイトと、担当者がコンテンツを継続公開するサイトで、選ぶ基準はどう変わるのか。同じサイト条件での料金計算に加え、クライアントへの引き渡し、多言語EC、コード書き出しの制限まで整理し、自社に合う選択を考えます。

公開日

Webflow vs Framer:料金・CMS・運用体制で選ぶサイト制作ツール

Webflow vs Framerで迷ったら、まず公開後の運用体制を考えてみてください。コンテンツの種類や量を増やしながら事業サイトを運営するならWebflow、デザイナーがマーケティングサイトを担当し、見た目を頻繁に改善するならFramerが向いています。WebflowとFramerを比較する際、最初の具体的な分岐点になるのが、Framer BasicのCMSコレクション数の上限である2つです。小規模なブログと導入事例には足りますが、コンテンツの種類が3つになると必要なプランが変わります。機能だけでなく、誰がサイトの運用を担うかも選定の軸になります。

Webflow vs Framer:自社にはどちらが向いていますか?

コンテンツの公開を継続的な業務として行うならWebflow、デザインの改善が主な仕事ならFramerを選びます。 どちらもホスティングとCMSを備えたビジュアルサイト制作ツールです。CMSは、再利用するコンテンツをページのレイアウトとは分けて管理する仕組みを指します。

創業者がデザイナーに製品ページ、キャンペーンの公開、小規模な知見・記事コンテンツの管理を任せるなら、Framerが適しています。直接編集できるキャンバス、再利用可能なコンポーネント、Proのブランチプレビューが、この分担を支えます。ブランチとは、変更をメインのプロジェクトに統合する前に確認できる、独立した作業用バージョンです。

マーケティング責任者が記事、著者、導入事例、業種、資料を管理するなら、Webflowを第一候補にするとよいでしょう。標準のコンテンツ容量、構造化されたテンプレート、操作範囲を限定したコンテンツ編集ロールが、公開業務を他の担当者へ任せる運用に向いています。

制作会社なら、クライアントへの請求、コンテンツの権限管理、定型化したサイト運用を重視する場合はWebflowが有力です。クライアント側にデザインの担当者がおり、サイトを直接編集し続けたい場合はFramerが向いています。CMSを含むサイト全体のセルフホスティングが必須なら、どちらも公表されているエクスポート機能の説明だけでは導入を決められません。

両社の公開料金ページとドキュメントを2026年10月17日に確認しています。 本記事は、文書で確認できる機能と想定条件に基づく料金計算を比較したもので、実機での制作速度やパフォーマンスのベンチマークではありません。以下の料金は年払いを選択した場合の月額換算で、税別の米ドル(USD)表記です。出典:Webflowの料金、Framerの料金、Webflowの現行プランのドキュメント。

選定時の確認項目WebflowFramer向いている選択肢
独自ドメインで公開する最小構成Basic:月額$15、CMSなしBasic:月額$10、小規模なCMSを含む小規模なコンテンツサイトならFramer
標準で含まれるCMS容量Premium:月額$25、40コレクション、20,000アイテムPro:月額$30、10コレクション、2,500アイテム。有料で拡張可能標準容量を重視するならWebflow
頻繁なデザイン変更クラスベースのビジュアル制作システムキャンバスを直接編集。Proにはブランチプレビューも含むデザイナーが運用するならFramer
クライアント案件の運用クライアントシートと制作会社向けの請求ワークフローコンテンツ編集者、プロジェクト権限、所有権の移管制作会社の運用ならWebflow
ホスティング基盤からの移行有料WorkspaceでZIPエクスポート可能。ただし主要な除外項目ありエクスポートに関するドキュメントに矛盾あり静的サイトの書き出し手順が明確なWebflow

最適なツールは、仕事の内容が変わると入れ替わります。見栄えのよいキャンペーンサイトでも、編集者がデザイナーの助けを借りずに使えるテンプレート、関連コンテンツ、わかりやすい権限設定を必要とするようになれば、コンテンツを継続的に公開するための仕組みとして考える必要があります。

デザイナー主導で見た目を改善し続けるならFramer

レイアウト、レスポンシブ対応、次のキャンペーンまで同じ担当者が受け持つなら、Framerが有利です。 Framerのキャンバスでは、コンポーネント、スタイル、そしてレイアウトが切り替わる画面幅を定めるブレークポイントを、デザイン作業の流れの中で扱えます。Proにはプロジェクト全体のブランチ機能とプレビューがあり、CMSやAIによる変更も対象になります。コンテンツを公開する企業サイトでも、Framerを候補に入れる具体的な理由です。Framerのワークフロー解説

編集可能なサイトのキャンバスを紹介するFramer公式のビジュアルデザインページ
Framerのビジュアルデザイン

Webflowは、再利用可能なWeb制作の仕組みを維持したいデザイナーに向いています。コンポーネントとクラスベースのスタイル設定により、サイトの構造自体がデザイン業務の一部になります。テンプレートを多数使うサイトでは役立ちますが、その分、運用担当者が管理する構造も増えます。この運用上のトレードオフは、Webflowのレビューで詳しく検討しています。

両ツールに同じ要件を当てはめてみましょう。B2Bのコンサルティング会社が、トップページ、サービスページ、導入事例、知見を発信する記事、お問い合わせへの導線を必要としているとします。以下はデザインレビューの考え方を示す例であり、実際に生成した成果物の紹介ではありません。

改善前: 提案されたトップページは見栄えこそよいものの、サービス、導入事例、記事のすべてに同じカードを繰り返し使っています。見出しの長さはばらばらで、大きなアニメーションの下にお問い合わせの導線が埋もれています。導入事例を追加するたびにレイアウトの編集が必要です。

改善後: サービスへの導線を明確にし、導入事例には専用のコンテンツテンプレートを使います。主要なお問い合わせの導線はモバイルでも見失わないようにします。コンポーネント間で余白と文字のスタイルを統一し、導入事例テンプレートには顧客の課題、根拠、成果を入力するフィールドを用意します。新しい事例の公開は、ページの作り直しではなく、コンテンツの追加で済むようになります。

こうした改善を引き続きデザイナーが担うなら、Framerは魅力的です。次の導入事例を、レイアウトに触れる必要のないマーケティング担当者へ任せるなら、Webflowの利点が大きくなります。

求める品質はどちらでも同じです。 実際の原稿が収まり、見出しがページの内容を伝え、操作要素がキーボードで使え、動きがメッセージを助け、フォームから問い合わせが届く必要があります。デスクトップのモックアップがきれいなだけでは、事業サイトの完成とはいえません。実際の運用担当者が、その品質を維持できるツールを選びましょう。

CMS・SEO:コンテンツ運用の規模が大きいならWebflow

コンテンツ量の多いサイトでは、標準容量と編集者向けのワークフローに余裕があり、体系的な公開業務を組みやすいWebflowが有利です。 WebflowのCMSは、コレクションをつなぐ参照フィールド、CSVインポート、絞り込み、並べ替え、APIアクセスに対応しています。たとえば記事から著者や業種を参照すれば、同じ情報を毎回手入力せずに済みます。Webflow CMS

視覚的なコンテンツ管理と構造化された公開業務を紹介するWebflow公式のCMSページ
Webflow CMS

記事の件数だけでなく、コンテンツの種類も数えます

コレクションはコンテンツの種類、アイテムは個々のデータを指します。サイトのページ数が少なくても、記事、著者、導入事例はそれぞれ別のコレクションです。

Framer Basicには2コレクションと1,000アイテム、Proには10コレクションと2,500アイテムが含まれます。Proはアドオンで40コレクション、40,000アイテムまで拡張できます。掲載されている追加単位は、10コレクションあたり月額$40、10,000アイテムあたり月額$20です。サイトページ数の上限は別枠で、拡張前のBasicは30ページ、Proは150ページです。これらは各プランに含まれる利用枠であり、Framerでは小さなブログしか運営できないという意味ではありません。Framerの料金

Webflow Premiumには40コレクション、20,000 CMSアイテム、300静的ページが含まれます。従来のCMSおよびBusiness SiteプランはPremiumに統合されているため、これから導入する場合は旧プランを前提にせず、現行のプラン構成で比較してください。Webflowのプランドキュメント

Framerも、コレクション間の参照、動的な詳細ページ、CSVを使うコンテンツ運用に対応しています。CMSは、選んだプランでどこまでコンテンツを構造化できるか、編集者がどう管理するか、拡張費用が予算に収まるかで判断しましょう。Framer CMS

記事、著者、業種、サービス、導入事例を扱うコンサルティング会社なら、プランを選ぶ前にそれらの関係を設計すべきです。料金を抑えるためにすべてを単一のコレクションに詰め込むと、その後の絞り込み、テンプレート変更、コンテンツ更新のたびに手間が増えかねません。

SEOの基本機能はどちらも備えています

大規模なコンテンツ運用ではWebflowが有利ですが、一般的な事業サイトに必要な基本機能はFramerにもそろっています。 どちらを選んでも、それだけで検索順位が上がるわけではありません。

Framerは、ページやCMSのタイトルと説明文、自動生成のサイトマップとrobots.txt、セマンティックタグ、画像の代替テキスト、JSON-LD構造化データ、リダイレクトに対応すると説明しています。構造化データはコンテンツの意味を機械に伝え、リダイレクトは古いURLへのアクセスを新しいURLへ転送します。現行のプラン構成ではリダイレクトはProの機能なので、既存の事業サイトを移行する場合は確認が必要です。FramerのSEOガイド

Webflowは、CMSと連動するメタデータ、インデックス制御、サイトマップ生成、リダイレクト管理、AIが支援する専用のスキーマ設定を文書で案内しています。マーケティング責任者にとっての利点は、テンプレート全体に共通ルールを適用し、その範囲内で編集者がコンテンツを更新できることです。WebflowのSEO機能

たとえば業種別のランディングページを展開するには、それぞれ固有のタイトル、地域に即した有用な根拠、適切な内部リンク、古くなったページを整理する手順が必要です。基本的なページはどちらでも作れます。コンテンツが増え続ける中で、この取り組みを維持することが主な業務ならWebflowを勧めます。デザイナーが少数の重要なページを担当するなら、Framerも十分に有力です。

共同作業とクライアントへの引き渡し:制作会社の運用にはWebflow

クライアントの支払いとサイト管理を分けたい制作会社にはWebflowが向いています。一方、ブランチ上のデザイン変更を手軽にレビューする用途ではFramerが有利です。 それぞれ解決する課題が異なります。

WebflowのContent editorロールでは、テキスト、画像、リンク、CMSコンテンツ、ページ単位のSEOを更新でき、公開は権限設定に従います。サイトのスタイル、構造、デザインシステム、コレクションの定義は変更できません。これにより、マーケティング担当者はテンプレートのデザインを変えずに導入事例を公開できます。引き渡し時の役割分担を明確にできる仕組みです。Content editorのガイド

WebflowのFreelancerおよびAgency Workspaceは、クライアントによる直接支払いに対応しています。制作会社がサイト管理を続けながら、Siteプランとアドオンの料金をクライアントが直接支払えます。また、プランをダウングレードしたりサイトを停止したりせずに、有料サイトをクライアントのWorkspaceへ移管できます。料金を支払う人とプロジェクトを所有する人は、別々に決められます。クライアント支払いのドキュメント

Framerにもコンテンツ編集者とプロジェクト単位のアクセス管理があります。詳細な権限設定に対応するプランでは、Design、Content、Deployを分けられ、Deployが本番サイトへの反映を制御します。Proのブランチプレビューは、キャンペーンのレビューを受けるデザイナーにとって大きな利点です。Webflowでは、より大規模なTeamプラットフォームのバンドルにページブランチ機能が含まれます。「Webflowのほうが統制機能が充実している」からといって、あらゆるレビュー機能を安く使えるわけではありません。Framerの権限、Webflow Teamの詳細

Framerでは、プロジェクトの移管中もサイトと接続済みドメインは公開状態を保ちます。ただし、受け取りが承認されると元のサブスクリプションは解約され、未使用分は元の所有者にクレジットとして付与されます。受け取る側は、必要に応じて有料プランを有効にする必要があります。この請求の切り替えも引き渡し手順に含めてください。Framerのプロジェクト移管

粘土で表現した店舗の断面図。プロジェクト所有者の鍵、請求窓口、公開操作の場所を分けて描いています
引き渡しでは、プロジェクトの所有権、請求、公開権限をそれぞれ割り当てます。これは概念図であり、どちらの製品の画面でもありません。

引き渡しを完了する前に、クライアント自身のアカウントで実際のデータを編集し、プレビューして公開してもらいましょう。ドメインを管理する人、請求を受け取る人、変更を本番に反映できる人を記録します。ログインできたことだけでは、運用できるかどうかはほとんどわかりません。

AI活用:デザイン改善ならFramer、構造化したコンテンツ業務ならWebflow

AIを使って見た目を改善するならFramer、既存のコンテンツ運用をAIで支援するならWebflowを勧めます。 これは公開ドキュメントに基づくワークフローの評価であり、どちらかのモデルがより優れたデザインを生成するという主張ではありません。

Framer Agentsは、キャンバス上でレイアウト、コンテンツ、インタラクション、コードを直接作成・編集できます。ドキュメントでは、セクション単位で作業し、変更を依頼する前に対象領域を選ぶことを勧めています。たとえばコンサルティング会社のサイトで、承認済みのナビゲーションを保ったままサービス紹介部分だけを直すなど、範囲を絞った作業にAIを使いやすい設計です。Framer Agentのガイド

Webflow AIには、サイト生成、セクション作成支援、文章やCMSコンテンツの生成、コードコンポーネント、SEO・AEOの改善ツールが含まれます。AEOとは、回答を生成するシステムがコンテンツを理解し、利用しやすくする取り組みです。これらの機能は定型コンテンツの下書きや情報の不足の発見に役立ちますが、利用できる範囲はプランと機能によって異なります。Webflow AI

どちらのツールも、生成された顧客の成果が本当か、ありきたりなサービスページが自社の事業を的確に表しているかを判断してはくれません。生成文は下書きとして扱い、公開前にレスポンシブレイアウト、フォーム、コンテンツ同士の関係を確認してください。

  1. 承認済みの要件と素材をAIに渡します

    コンサルティング会社の例なら、実際のサービス内容、承認済みの原稿、ブランド素材、ページで促したい行動を渡します。最初は単一のセクションを依頼し、そこからサイト全体へ広げます。

  2. 修正する範囲を絞ります

    FramerではPropertiesパネルからAgentを開き、指示を入力する前に対象セクションを選びます。たとえば次のように指示します。「提供した原稿を使って、このサービス紹介セクションを修正してください。ナビゲーション、タイポグラフィ、既存のコンポーネントは維持してください。モバイルでもお問い合わせへの導線が見えるようにしてください。顧客名や成果を捏造しないでください。」

  3. コンテンツモデルと完成したページを確認します

    どのフィールドを再利用可能なCMSコンテンツにするべきか確認し、画面幅を狭めたり、実際にあり得る長いタイトルを入れたりしてページをチェックします。フォームとリンク先も検証します。承認された変更を本番に反映する前に、ブランチやプレビューを使って確認してください。

Framer AIのガイドでは、最初の案を生成することと、完成したサイトに責任を持つことの違いを詳しく説明しています。

Framerでは、ワークスペースと編集者の間でAIクレジットを共有します。WebflowもWorkspace単位でクレジットを共有しますが、機能やシートによって利用ルールが異なります。Framerのクレジットに関する条件 クレジット数は、完成する仕事量を同じ基準で表す単位ではありません。表に出ている付与数だけでツールを選ばないでください。

WebflowとFramerの料金比較:同じ事業サイトならいくらかかりますか?

小規模なCMSサイトならFramerが安く、コンテンツの種類が増えるとWebflowが安くなる場合があります。さらに転送量が増えると、再び逆転することもあります。 比較するには、同じ運用条件を用意し、必要な機能だけを料金に含めます。

以下は確認日時点で両社が提示していた、年払い選択時の料金です。月払いでは異なる場合があります。特記がない限り、シート、ロケール、コマース、その他のアドオンは別料金です。

Framerの料金プラン

  • Free:$0。評価用のFramerドメインを利用できます。独自ドメインには有料プランが必要です。
  • Basic:月額$10。サイトページは30ページ、CMSは2コレクション・1,000アイテム、転送量は50 GBです。
  • Pro:月額$30。サイトページ150ページ、CMSの10コレクション・2,500アイテム、転送量100 GBに加え、リダイレクト、ステージング、ブランチプレビューが含まれます。
  • Enterprise:個別見積もり。上限のカスタマイズと企業向けのアクセス制御に対応します。
  • 担当者の追加: 追加の編集者は月額$20、コンテンツ編集者は月額$10です。閲覧者は無料で、ワークスペースの所有者はプランに含まれます。

出典:Framerの公開料金ページ。

WebflowのSiteプランとWorkspaceプラン

  • Starter Site:無料。Webflowのサブドメイン、2ページの静的ページ、評価用の制限付きCMSを利用できます。
  • Basic Site:月額$15。静的ページは300ページ、転送量は10 GBで、CMSは含まれません。
  • Premium Site:月額$25。CMSは40コレクション・20,000アイテム、静的ページは300ページ、転送量は50 GBです。
  • Teamプラットフォーム:年間契約で月額$2,500。Localizeと公開ワークフローを備えた、SiteとWorkspaceのバンドルです。
  • Enterpriseプラットフォーム:個別見積もり。高度な統制機能とカスタム構成に対応します。
  • Starter Workspace:無料。Fullシートが1つ含まれ、単独で有料のホスティング付きサイトを運用する場合には十分です。
  • Core Workspace:月額$19。コードのエクスポート、Shared Libraries、ステージング容量の拡大が加わります。
  • Growth Workspace:月額$49。無制限のステージング、サイト単位のロール、公開権限が加わります。
  • Freelancer Workspace:月額$16。クライアントによる直接支払い、クライアントのWorkspaceへのゲストアクセスが加わり、サイトごとに無料のクライアントシートが1つ付属します。
  • Agency Workspace:月額$35。サイトごとに無料のクライアントシート3つと、公開権限が含まれます。
  • 担当者の追加: 年払いの場合、Fullシートは月額$39、Limitedシートは月額$15です。レビュー担当者は無料です。

出典:Webflowの公開料金ページ。Siteプランはサイト自体、Workspaceプランはその制作・運用環境の料金です。必要な機能が出てくるまでは、有料Workspaceを契約する必要はありません。

安いプランが入れ替わる条件

次の仮想的な構成を基準にします。所有者は1人、英語の独自ドメインサイトが1つ、静的ページは20ページ、CMSアイテムは500件です。追加の編集者、多言語化、ストア、コードのエクスポート、サイト内検索、ブランチ、リダイレクトは不要とします。比較するのはサブスクリプション料金で、作業費、ドメイン更新料、税金は含めません。

コレクション2つ、月間転送量50 GB以下なら、Framer Basicが**$10で条件を満たします。WebflowはBasicにCMSがないため、$25**のPremiumが必要です。Framerのほうが月額$15安くなります。

コンテンツモデルだけを変え、コレクションを3つにします。Framerは**$30のProが必要になり、Webflowは$25のままです。今度はWebflowのほうが月額$5安くなります**。

コレクションは3つのまま、月間転送量を100 GBに増やします。Framer Proは**$30のままです。Webflow Premiumは50 GB追加のアドオン$20が必要になり、$25 + $20 = $45になります。再びFramerのほうが月額$15安くなります**。計算の根拠:Framerの料金、転送量のFAQを含むWebflowの料金。

月額換算のサブスクリプション料金の計算結果。2コレクション・50 GBではFramerが10ドル、Webflowが25ドル。3コレクション・50 GBではFramerが30ドル、Webflowが25ドル。3コレクション・100 GBではFramerが30ドル、Webflowが45ドル
2026年10月17日時点の両社の年払い料金から算出しています。同じ基準サイトでコレクション数と転送量だけを変えた比較であり、含まれる機能が同一のプランではありません。

料金表の見出しを比べる前に、コレクション数、アクセスに伴う転送量、利用人数を数えてください。移行時にリダイレクトが必要な場合や、デザイナーがブランチを使う場合は、それだけで基準となる構成が変わります。サブスクリプションのわずかな差額よりも、担当者が実際に回せるワークフローを優先すべきです。

多言語対応とECは分けて判断します

多言語のコンテンツ運用にはWebflowが有利です。一方、デザイナーが運用する多言語のマーケティングサイトならFramerも有力です。標準のEC機能ではWebflowが優位ですが、多言語化には重要な制限があります。

ローカライズとは、必要に応じてコンテンツ、画像、URLなどを調整し、サイトを言語や地域に合わせることです。Framerのロケール機能はテキストと画像の翻訳に対応し、ドキュメントではページパスとCMSのスラッグの翻訳方法も説明しています。WebflowはCMSコンテンツ、ページのSEO、Open Graph設定のローカライズに対応しています。Open Graph設定は、リンクを共有した際に表示するタイトル、説明文、画像です。Framerのページパスのローカライズ、Webflowのページ設定のローカライズ

関連するアドオンの料金は次のとおりです。

  • Framerの翻訳用ロケール:ロケールごとに月額$20。BasicとProでは最大20ロケールです。Framerの料金
  • Webflow Localize Essential:追加ロケールごとに月額$9から。最大3ロケールを追加でき、CMSとローカライズしたSEOを含みます。Webflowの料金
  • Webflow Localize Advanced:追加ロケールごとに月額$29から。最大10ロケールを追加でき、アセットとURLのローカライズ、訪問者の自動振り分けが加わります。Webflowの料金

キャンペーンを他言語で展開するには、文章を翻訳するだけでは足りません。その言語に堪能な人に、ナビゲーション、ページパス、メタデータ、フォーム、実際の提供内容まで確認してもらいましょう。Webflowのロケール追加の開始料金が安くても、Advancedの全機能が含まれるわけではありません。

ECについては、Webflowがカート、チェックアウト、商品管理、注文管理を標準機能として提供しています。Framerがマーケットプレイスで案内する方法には、FramerのストアフロントとShopifyをつなぐFrameshipなどの連携があります。この構成では別のECサービスが必要になり、プラグイン料金も発生する可能性があります。FramerのSiteサブスクリプションだけがストア全体の費用ではありません。Webflow Ecommerceの概要、Frameshipの掲載ページ

WebflowのEcommerce専用プランは次のとおりです。

  • Standard:年払いで月額$29。ECアイテムは500件、Webflowの取引手数料は2%です。
  • Plus:年払いで月額$74。ECアイテムは5,000件、Webflowの取引手数料は0%です。
  • Advanced:年払いで月額$212。ECアイテムは15,000件、Webflowの取引手数料は0%です。

出典:Webflow Ecommerceの料金。Webflowの手数料が0%でも、決済処理の手数料まで無料になるわけではありません。

導入判断を左右する制限があります。 Webflowのドキュメントによると、Ecommerceの商品、カテゴリ、ページはLocalizeではローカライズできません。「ECも多言語化も標準でできる」ことから、多言語ストア全体がそのまま動くと考えてはいけません。複数の市場での販売が事業の中心なら、マーケティングサイトの制作画面を選ぶ前に、ECの構成を確定してください。

コードの書き出しと移行:Webflowは範囲が限定的でも手順が明確です

静的コードのエクスポート手順が明文化されている点ではWebflowが有利です。ただし、どちらも「動作するCMSをそのまま持ち出せる」という無条件の期待で契約すべきではありません。

Webflowでコードを書き出すには有料Workspaceが必要です。有料Siteプランだけでは利用できません。案内されている操作手順は、Main menu → Code export → Prepare ZIP → Download ZIPです。ZIPにはHTML、CSS、JavaScript、アセットが含まれます。一方、動作するCMSおよびEcommerceのデータベースと機能、ローカライズ済みコンテンツ、コードコンポーネント、フォーム処理、サイト内検索、パスワード保護は含まれません。コンテンツは別途CSVで書き出せます。Webflowのエクスポートのドキュメント

Framerの公開ドキュメントには一貫しない説明があります。HTMLエクスポート専用のFAQには、セルフホスティング用のHTMLエクスポートや静的サイト一式の提供はしていないとあります。一方、データ移行のページには、公開済みのHTML、CSS、JavaScript、アセットをダウンロードして別のホストへ移せること、CMSデータはプラグイン経由でエクスポートできることが記されています。

これらの説明からは、編集可能なサイト全体を書き出す、明確かつ正式にサポートされた手順は確認できません。セルフホスティングが導入条件なら、具体的な手順と移行後も動作する範囲をFramerに実演してもらってください。公開済みの出力やコンテンツを取り出すことと、デザインプロジェクト、CMSの編集機能、ホスティングに付随するサービスを移すことは異なります。

WebflowからFramerへ、またはFramerからWebflowへ移行するには?

移行は、運用との継続的な不一致を解消するために行います。別の制作画面を試したい、月額を少し節約したいという理由だけで決めるべきではありません。 移行にはサイトの再構築とコンテンツの移設が伴い、URLと業務に必要な機能の確認も必要です。

  1. 稼働中のサイトを棚卸しします

    ページ、コレクションのフィールド、データの関係、アセット、フォーム、外部連携、言語別の構成、重要なURLを一覧にします。各サービスの所有者と、移行後も動く必要がある操作を記録します。

  2. 最も難しいテンプレートから検証します

    代表的な導入事例、記事、一覧ページを移行先で再構築します。コンテンツ全体を移す前に、参照、絞り込み、長い原稿、モバイルでの表示と動作を確認します。

  3. コンテンツを移し、URLへの導線を維持します

    利用できる構造化形式でコンテンツを書き出し、フィールドと関係を対応付け、移行先のテンプレートを再構築します。URLはできる限り維持し、変わるものにはリダイレクトを計画します。Webflowの料金FAQでは、エクスポートしたコードをWebflowプロジェクトとして再インポートできないと説明されているため、戻る際にも再構築の予算が必要です。

  4. ドメインを切り替える前に引き渡しをリハーサルします

    フォーム、利用している場合は検索、アクセス解析、ローカライズしたパス、クライアントの公開権限をテストします。元に戻す手順を用意し、移行先でこれらの確認が完了してからドメインを切り替えます。

コンテンツモデルも編集者への引き渡しもうまく機能していて、不満が主に古くなった見た目にあるなら、Webflowを使い続けるほうがよいでしょう。デザイナーが安定して更新でき、CMSも要件を満たしているなら、Framerを使い続けて構いません。会社の成長だけを理由にツールを替える必要はありません。どちらも、今のプラットフォーム内でリニューアルすれば、影響を抑えながら問題を解消できる可能性があります。

よくある質問

FramerはCMSとして使いやすいですか?

はい。Framerは構造化されたコレクション、参照、動的な詳細ページに対応しています。コンテンツの見せ方をデザイナーが管理する場合に向いています。プランに含まれるコレクション数とアイテム数を有料の拡張枠とは分けて確認し、大量のコンテンツを載せる前にWebflowと編集ワークフローを比較してください。

Webflowは事業サイトに向いていますか?

はい。特にコンテンツを継続的に公開し、テンプレートを再利用し、デザイナー以外が編集する事業サイトに向いています。ただし、デザインシステムとコンテンツモデルを維持する担当者が必要です。コンテンツが少なく、見た目の検証を頻繁に行いたい創業者なら、Framerのほうが合う場合があります。

Webflowより適したツールはありますか?

今回の比較では、直接的なビジュアル編集と、デザイナー主導のマーケティングサイト更新が中心ならFramerが適しています。コンテンツ運用や制作会社からの引き渡しが中心なら、Webflowが有力です。セルフホスティングを条件にFramerを選ぶ場合は、エクスポートに関するドキュメントの矛盾を先に解消してください。

AI業務ワークフロー監査チェックリストを受け取り、次のサイト更新で誰がデザイン、編集、承認、公開を担うかを整理してから、制作ツールを選びましょう。

公開日
カテゴリー
Design
Figma Makeレビュー:使い方と料金、開発への引き継ぎを解説

Figma Makeレビュー:使い方と料金、開発への引き継ぎを解説

Figma Makeで何ができるのか、予約画面を動くプロトタイプにする手順から、デザインシステムの活用、AIクレジット、バックエンドの選び方まで解説します。公開後の運用やGitHubでの開発継続に関わる制約、Lovable・v0・Claude Designとの違いも、公式ドキュメントをもとに比較します。2026年10月15日Design
Napkin AIの使い方と料金|提案書・レポートに役立つ図解を作る

Napkin AIの使い方と料金|提案書・レポートに役立つ図解を作る

Napkin AIで提案書や投稿、レポートの文章を伝わる図解にするには?使い方と料金、Gamma・Canva・draw.ioとの選び分けを解説します。Napkin Slidesによる資料作成、ブランド設定、Effects適用後の編集や書き出しの制約、商用利用とクライアントデータの扱いまで確認できます。2026年10月15日Design
RiversideとDescriptを比較:企業の収録・編集に合うのは?

RiversideとDescriptを比較:企業の収録・編集に合うのは?

RiversideとDescriptは、企業のポッドキャストや動画制作でどう選ぶべきでしょうか。リモートゲストの収録、台本の修正、AI編集、字幕、チーム運用を比較します。米ドル料金とプランごとの制限、収録と書き出しの画質の違いも整理し、どちらかに絞る場合と併用する場合の判断基準を解説します。2026年10月14日Design
Framer AIでホームページ作成:使い方・料金・導入前の注意点

Framer AIでホームページ作成:使い方・料金・導入前の注意点

Framer AIでホームページを作る前に知っておきたい機能と料金を解説。生成後の手動編集、CMS、フォーム、SEO、多言語対応から、編集者や追加言語を含む総額まで整理します。Webflow・Lovableとの使い分けや、コードの書き出しをめぐる公式説明の矛盾も、公開資料に基づいて確認できます。2026年10月14日Design
Ideogram AIレビュー:文字入り画像の使い方・料金と商用利用

Ideogram AIレビュー:文字入り画像の使い方・料金と商用利用

Ideogram AIは文字入り画像の制作に向いているのでしょうか。4.5の参照画像、Precise Edit、Studioのテキスト編集から、無料・有料プラン、直接APIの料金、商用利用と非公開設定まで解説。ポスターや広告の修正に役立つ機能と制約を整理し、採用画像あたりのコストで導入を判断します。2026年10月13日Design
AI デザインツール8選を比較:Figma・Canva・Claude Designの用途と料金【2026年】

AI デザインツール8選を比較:Figma・Canva・Claude Designの用途と料金【2026年】

AI デザインツール8選を、UI制作、ランディングページ、販促素材、画像生成の用途別に比較します。Figma Make、Canva AI、Claude Designなどの料金と無料枠、1人・5人で使う場合の費用を整理。編集のしやすさや開発者への引き継ぎまで確認し、自社の仕事に合うツールを選べます。2026年10月13日Design
画像生成AIは業務で選ぶ:Midjourneyの代替6サービスを比較【2026年】

画像生成AIは業務で選ぶ:Midjourneyの代替6サービスを比較【2026年】

画像生成AIを業務で選ぶために、Midjourneyの代替6サービスを比較。GPT Image、Recraft、Ideogram、Nano Banana、Firefly、FLUXの料金、API課金、商用利用条件を整理し、商品写真の修正、文字の変更、ブランド素材の制作、自動化に合う選び方を解説します。2026年10月12日Design
AI 音声生成にElevenLabsを選ぶべきか?料金・使い方・商用利用をレビュー

AI 音声生成にElevenLabsを選ぶべきか?料金・使い方・商用利用をレビュー

ElevenLabsを業務で使う価値はあるのでしょうか。AI 音声生成の調整機能、音声クローン、吹き替え、AgentsとAPIを評価し、料金・クレジット・商用利用条件を解説します。StarterとCreatorの選び方から、承認済み音声や解決した問い合わせを基準にした費用計算、導入前に確認すべき制限まで整理します。2026年10月12日Design
ニュースレター

毎週日曜、一通の手紙。動くシステムの話。感想戦ではなく。

週刊。スパムなし。いつでも解除できます。