Framer
Framerとは？料金プラン・日本語対応・移行の注意点【2026年6月改定後の料金で解説】
この記事の結論
- Framerは、デザインした画面をそのまま公開できるノーコードのWeb制作ツールです。
- 料金は2026年6月に改定され、プランが減って席の価格が下がりました。独自ドメインは有料プランからです。
- 管理画面は英語のみ。WordPressやSTUDIOから移すなら、リダイレクト機能が上位プラン限定である点が分かれ目になります。
料金・機能は2026年7月22日時点で公式サイトを確認した内容です
Framerは、framer.com が提供しているノーコードのWeb制作ツールです。デザインツールのようなキャンバスでページを作ると、それがそのまま本番のWebサイトになります。
「framer」で検索すると、名前の似た別物が混ざります。
Reactのアニメーションライブラリだった「Framer Motion」、公式に見えるドメイン「framer-ai.com」、「Figmaの代替」と紹介されていた数年前のFramer。
この記事で扱うのは、いまのWeb制作ツールのFramerだけです。
Framerは2026年6月に料金体系を大きく変えました。プランが減り、席の価格が半分になり、AIクレジットという従量の考え方が入りました。
料金を調べるときは、その情報の確認日を最初に見てください。この記事の料金は、2026年7月22日に公式の料金ページで確認しました。
私はWeb制作を本業にしていますが、Framerの検証サイトはこれから作るところです。クレジットの実消費、管理画面の言語、権限移管の挙動は、実際に触らないと書けません。
これらは「実測後に追記」と明示し、推測では埋めていません。
デザインしたものが、そのまま本番になる
Framerはどんなツールか
Framerは、Figmaに近い操作感のキャンバスでデザインすると、そのデザインがそのまま公開できるWebサイトになるツールです。ホスティング、CMS、フォーム、SEOの基本設定までFramer側に揃っています。
作ったものを別のサーバーへ書き出すのではなく、Framerの上で公開して運用し続けます。デザインがそのまま本番になる点が、デザインデータ止まりのツールとの違いです。
Framer Motion（現 Motion for React）との関係
ReactのアニメーションライブラリだったFramer Motionは、現在は「Motion for React」と名前を変えて motion.dev で提供されています（公式ドキュメントに “Motion for React (previously Framer Motion)” と明記。
2026年7月22日確認）。もともとFramer社から生まれたライブラリなので名前が似ていますが、別のプロダクトです。
「framer 使い方」で調べていてReactのコードが出てきたら、それはMotion側の情報です。
検索結果には framer-ai.com という、公式に見えるドメインのサイトが混ざることもあります。Framerの公式ドメインは framer.com です。
「Figmaの代替」だった頃のFramerとの違い
数年前まで、FramerはFramer Xという名前のプロトタイピングツールでした。いまのFramerが作るのは試作ではありません。
検索エンジンにインデックスされ、独自ドメインで運用される本番のWebサイトです。
Framerでできること
デザインとアニメーションの自由度
キャンバス上で要素を直接置いて組むスタイルなので、テンプレートの枠に縛られないレイアウトが作れます。スクロールに連動する動きやホバー時の変化も、コードを書かずに設定できます。
CMSでブログやお知らせを運用する
記事一覧と記事詳細のような繰り返しのコンテンツは、CMSコレクションとして管理します。使えるコレクション数はプランで変わります。
AIによるページ生成と編集
プロンプトからのページ生成やレスポンシブ調整をAIに任せられます。2026年6月の改定でクレジット消費型に変わりました。
消費の目安は後半の専用の節にまとめています。
多言語サイトのローカライズ
公式ヘルプには238の言語と地域バリアントに対応するとの記載があります（2026年7月22日確認）。ただし取得できた対応言語の一覧は部分的な表示で、日本語ロケールが明示されているかまでは確認できていません。
ローカライズ機能自体は、料金ページでは追加課金のアドオンとして載っています。
公開からSEOの基本設定まで一体
公開はFramerのホスティングにそのまま載ります。ページごとのタイトル・ディスクリプションやOGPの設定もFramer内で完結します。
サーバーの契約や保守という工程がありません。フォームの送信を受けて通知やスプレッドシートへの記録まで自動化したいときは、n8nのような自動化ツールと組み合わせます。
Framerの料金プラン【2026年7月22日時点】
公式の料金ページは、年払いを選んだときの月額で表示されています。プランの料金と、編集する人を追加するときの席の料金は別建てです。
混ぜて読むと実際の支払額を見誤るので、別々の表に分けます。
| プラン | 月額（年払い表示） | 主な内容 |
|---|---|---|
| Free | $0 | Framerドメインでの公開のみ（独自ドメイン不可）、帯域1GB、AIクレジット500（付与サイクルは後述のとおり公式内で表現が揺れています） |
| Basic | $10 | 独自ドメイン、CMSコレクション2、帯域50GB、ページ上限30、AIクレジット月1,000 |
| Pro | $30 | CMSコレクション10、帯域100GB、リダイレクト、ステージング環境、ブランチとプレビュー、ページ上限150（以降100ページごとに$20・最大700）、AIクレジット月3,000 |
| Enterprise | 個別見積 | 各種上限のカスタム、SSOなど |
席の料金（プラン料金とは別）：
| 席の種類 | 料金 |
|---|---|
| 追加エディタ | $20/月 |
| Content editor（CMSの編集のみ） | $10/月 |
| Viewer（閲覧のみ） | 無料 |
月払いを選んだときの実額と、日本からのアクセスで円建て表示になるかは、公式では確認できませんでした。第三者の記事には円建ての金額が載っていることがありますが、公式一次で確認できていないため、この記事には載せません。
無料プランでどこまでできるか
実質の壁は独自ドメインが繋げないことです。公開はFramerのサブドメインに限られ、帯域も1GBです。
一方で公式FAQによると、無料プランでもCMSコレクション10、1,000ページ、サブスクリプションのないワークスペースで3人までの共同編集が使えます（2026年7月22日確認）。学習と検証には十分な広さです。
仕事のサイトを載せる段階になったら有料プランへ移ります。
BasicとProの分かれ目
CMSコレクション数（2と10）、ページ上限（30と150）、リダイレクトとステージング環境の有無です。ブログを本格運用するならコレクション数が、既存サイトからの移行ならリダイレクトの有無が効きます。
見落としやすい追加費用
プラン月額のほかに、編集する人が増えるごとに席の料金がかかります。フルの編集権限は$20/月、CMSの記事更新だけなら$10/月のContent editorで足ります。
Proのページ上限150を超えると100ページごとに$20、ローカライズなどのアドオンも別課金です。ひとりで作るうちはプラン月額だけで見積もれます。
複数人で運用するなら、席の分を最初から足してください。
2026年6月の改定で何が変わったか
公式ブログ（2026年6月16日付）で発表された内容は次のとおりです。
- Scaleプランの廃止（有料プランはBasicとProの2本に）
- エディタ席の値下げ：$40 → $20/月
- Content editor席（$10/月）の新設
- Basicの強化：CMSコレクション1→2、帯域10GB→50GB
- AIクレジットの導入（Free 500／Basic 月1,000／Pro 月3,000）
改定前の記事には、Scaleプランが現行プランとして載っています。料金を調べるときは、その記事がこの改定の後に書かれたものかを最初に確かめてください。
Framerは日本語で使えるのか？
答えは二つに分かれます。「管理画面（エディタ）が日本語か」と「日本語のサイトを作れるか」は別の話です。
管理画面の言語
「エディタのUIは英語のみ」と書いている日本語記事は複数ありますが、それを明記した公式の一次情報は確認できませんでした。そこで実機で確かめました。
結果、管理画面に表示言語の設定項目はありません（2026年8月1日確認）。アカウント設定にあるのはプロフィールとセッション管理だけで、エディタの画面も英語表示です。
日本語に切り替える手段は見つかりませんでした。管理画面は英語という前提で考えてください。
日本語サイトの制作と公開
作るサイト側を日本語にすることについて、制限があるという公式記載は見つかっていません。フォントについては実機で確かめました。
日本語フォントは標準で使えます（2026年8月1日確認）。エディタのフォント一覧にGoogle Fontsの和文フォントが入っており、実際に「Noto Sans JP」を検索して日本語テキストに適用できました。
「Zen」で検索するとZen Kaku Gothic New、Zen Old Mincho、Zen Maru Gothicなどがひと通り並びます。手持ちのフォントをアップロードして使う機能も、無料プランのワークスペース設定にありました。
日本語の情報とサポートの現状
公式の料金ページ・ヘルプ・ブログは英語です（2026年7月22日の確認時点で、いずれも英語表示でした）。日本語の公式発信としてはFramer Japanのnoteがあります。
困ったときに当たる一次情報は英語ドキュメントです。翻訳ツールで読める範囲ではありますが、情報が英語側に集まっている点は、後述する国産ツールとの比較で効きます。
Framerの始め方（最短ルート）
無料プランでサイトを1枚公開するまで
アカウントを作ると、テンプレートから始めるか、AIにページを生成させるか、白紙から組むかを選べます。編集が済んだらPublishボタンで公開です。
無料プランではFramerのサブドメインに公開されます。まず無料の範囲で1枚公開し、操作感を確かめてから有料プランを検討してください。
独自ドメインを繋ぐときに詰まりやすい箇所
独自ドメインは有料プラン（Basic以上）からです。接続にはDNSのレコード設定が必要です。
すでにメールなどで運用しているドメインを繋ぐときは、既存のレコードを消さないよう注意してください。年払い契約には.comドメインが1本付くという記載が料金ページにあります（2026年7月22日確認）。
手持ちのドメインを繋ぐ手順は、検証サイトで実測してから追記します。
Webflow・STUDIO・WordPressとの違い
他社の料金は、各社の公式を確認日つきで確かめてから載せます。ここでは構造の違いだけを書きます。
Webflowとの違い
同じ海外製のノーコードWeb制作ツールです。WebflowはCSSの考え方（クラス設計）を持ち込んだ組み立てで、自由度が高い代わりに覚えることが多くなります。
Framerはデザインツール寄りの操作に振っており、デザイナーがそのまま触れることを優先しています。作り込みの細かさで選ぶならWebflow、デザインから公開までの速さで選ぶならFramerです。
STUDIOとの違い
STUDIOは国産で、エディタも公式ドキュメントもサポートも日本語です。日本語の情報量と国内サポートをどれだけ重視するかが、いちばん大きな分かれ目です。
Framer側の強みは、アニメーション表現の幅とAIによる生成・編集です。制作の主導権を持つ人が英語の一次情報を読めるかどうかも、選定の条件に入ります。
WordPressとの違い
WordPressは自分でサーバーを用意して載せるオープンソースのCMSです。サーバー契約、プラグイン管理、更新の保守を自分で持つ代わりに、データも運用の自由も自分のものです。
Framerはホスティング一体型で保守の工程がありません。その代わり、作ったサイトをFramerの外へ書き出して運ぶ運用は想定されていません。
すでにWordPressで運用しているサイトを移すなら、この違いがそのまま移行コストになります。
クライアント案件でFramerを選ぶ前に確認すること（実測待ち）
自分のサイトなら、ここまでの料金表で判断できます。クライアントのサイトで使うなら、確認することが4つ増えます。
エディタ席は誰の請求に載るのか。納品時にワークスペースの所有権をどう移すのか。
制作者が契約から抜けたあと、誰が支払いを続けるのか。サイトをFramerの外へ持ち出さない前提を、その案件は受け入れられるのか。
公式ヘルプの記述だけでは断定できないので、検証用ワークスペースで権限移管を実際に試してから書きます。
WordPress・STUDIOからFramerへ移行するときの落とし穴（一部実測待ち）
他所から移すときに効くところ
サイトのリダイレクトはProプランの機能です（2026年7月22日確認）。移行でURL構造が変わるなら、旧URLからの転送を張るのにBasicでは足りません。
月$30（年払い表示）のProが起点です。転送を張らずにURLを変えると、旧URLに付いていた検索評価は引き継がれません。
既存記事をCMSへ移す作業量と、移行で落ちやすいSEO要素は、記事を1本移してから書きます。
AIクレジットは実際どれくらいで尽きるか（実測待ち）
2026年6月の改定で、FramerのAI機能はクレジット消費型になりました。公式ブログに載っている消費の目安は次のとおりです。
| 操作 | 消費の目安 |
|---|---|
| ランディングページ1枚の生成 | 約300 |
| ページのレスポンシブ化 | 約150 |
| 大きな編集 | 約100 |
| 小さな編集 | 約50 |
付与量はBasicが月1,000、Proが月3,000です。無料プランは500ですが、この500の付与サイクルは公式内で表現が揃っていません。
料金ページのプラン欄は「500 credits to try」で、試用分の500と読めます。
公式ブログとFAQ側は「毎日リセットされ、繰り越しはなく、月の合計はBasicの1,000未満に収まる」という説明です（いずれも2026年7月22日確認）。
実機のダッシュボードは、どちらとも違いました。
無料ワークスペースのクレジット画面の表示は「Free Credits · Expires in 31 days」、残量は「0 / 500」です（2026年8月1日、AIを一度も使っていない状態で確認）。
画面上は31日で失効する試用の500という見せ方で、毎日リセットを示す表示はありません。公式ブログの「毎日リセット」と食い違うので、実際に消費して翌日どうなるかまで確かめてから結論を書きます。
Framerを使ってわかった不便な点（実測待ち）
ここは、検証サイトを作る過程で実際に手が止まった記録だけで書きます。
よくある質問
無料のまま使い続けられますか？
使い続けられます。ただし公開はFramerのサブドメインに限られ、帯域は1GBです。
独自ドメインで公開する段階になったら有料プランが必要です。
独自ドメインはどのプランから使えますか？
Basic（月$10・年払い表示）からです。無料プランでは独自ドメインを接続できません。
Scaleプランはなくなったのですか？
2026年6月16日の公式発表で廃止されました。現在のプランはFree、Basic、Pro、Enterpriseの4本です。
調べている記事にScaleプランが現行として載っていたら、改定前の情報です。
Framer Motionと関係はありますか？
由来は同じFramer社ですが、現在は別のプロダクトです。Framer Motionは「Motion for React」と改称し、motion.dev で提供されています。
この記事のFramer（Web制作ツール）とは別物です。
まとめ
Framerの料金はFree、Basic、Pro、Enterpriseの4本です。編集する人を増やすと席の料金が別にかかります。
2026年6月に大きな改定があったばかりなので、料金を扱う情報は確認日を最初に見てください。この記事の数字は2026年7月22日に公式サイトで確認しました。
いまのFramerは、デザインした画面をそのまま本番サイトとして運用するツールです。Figmaの代替でもReactのライブラリでもありません。
ホスティングまで一体である点が速さの源で、同時にFramerの外へ持ち出せないという判断材料でもあります。実測待ちとした項目は、検証サイトを作り次第この記事に追記します。
更新履歴
| 日付 | 変更 |
|---|---|
| 2026年8月1日 | 実機確認の結果を追記。管理画面に言語設定がないこと、和文フォント（Noto Sans JP・Zen系）が標準で使えること、無料クレジットの画面表示（Free Credits · Expires in 31 days）の3点。 |
| 2026年7月22日 | 初版公開。料金・機能は同日時点で公式サイト（料金ページ・公式ブログ・ヘルプ）を確認。 |
この記事を書いた人
アオマツ。Web制作とSEOを本業とするフリーランスです。
クリニックなどのクライアントサイトの制作・検索流入の改善を直接請けながら、海外のAI・自動化ツールを検証して日本語で解説しています。このサイトの記事は、公式情報の確認日を明記し、実測していないことは実測待ちと書く方針で運営しています。
