Hardik Dewra

5 min read

ランディングページにFramer CMSは必要か

1ページだけなら、たいてい不要です。同じブロックが繰り返される、クライアントが毎週編集する、1つの型から多くのページを作る。この3つなら元が取れます。

ランディングページが1本だけなら、たいていは要りません。Framer CMSが効いてくるのは、同じブロックが何度も繰り返されるとき、デザイナーではない人が毎週コンテンツを更新するとき、そして1つのテンプレートから多くのページを作るときです。そこに届かないなら、コレクションは何も返してこない設定作業になります。

Framer CMSのコレクションとは何か

Framer公式のアカデミーの説明はシンプルです。コレクションは、ブログ記事や事例のような1種類のコンテンツのためのデータベースです。その中にアイテムが並びます。アイテムはすべて同じ構造で、その構造を決めるのがフィールドのまとまりです。フィールドには、プレーンテキスト、書式付きテキスト、画像、ファイル、リンク、日付、トグル、オプション、他のコレクションへの参照があります。変更するときは、CMSを開き、コレクションにカーソルを合わせ、3点メニューからEdit Fieldsを選びます。そこでフィールド名を変えたり、補足の説明文を足したり、必須にしたりできます。ここでの変更は、そのコレクションのすべてのアイテムに反映されます。

コレクションに入れる価値がある4つ

お客様の声。入れ替えが多く、カードのデザインは毎回そろえたいからです。ロゴも同じ理由で入れます。よくある質問。公開後にクライアントが質問を足していくので、そのたびにキャンバスを開いてもらいたくないからです。料金が動くなら、機能表やプランの行も入れます。カードを1つ作ってCollection Listにつなげば、新しいアイテムは自動で正しいデザインで表示されます。更新する人はデザインツールを開かずに済みます。

CMSが本当に効くのは、1つのテンプレートから多くのページを作るとき

一番大きいのはCMSの詳細ページです。レイアウトを1つ作ってコレクションにつなぐと、Framerがアイテムごとに別々のページを生成します。それぞれのページが自分のコンテンツを読み込みます。1つのデザインから、50本のエリア別ページ、40本の連携ページ、ユースケースのページ一式を出せるのはこの仕組みです。これらのページでは条件表示も使えます。Is Setの条件をつけた要素は、そのフィールドに中身があるときだけ表示されます。Optionフィールドを使えばアイテムごとにコンポーネントのバリアントを切り替えられるので、画像が3枚のアイテムと1枚もないアイテムを、同じテンプレートで扱えます。

最初にぶつかる上限

2026年8月時点のFramerの料金ページでは、サイトプランはFree、月10ドルのBasic、月30ドルのPro、そしてEnterpriseです。Basicはサイトページ30、CMSコレクション2、CMSアイテム1,000まで。Proはページ150、コレクション10、アイテム2,500まで。そこから先、Proは使った分だけ増やせます。ページは100追加ごとに20ドルで700まで、コレクションは10追加ごとに40ドルで40まで、アイテムは10,000追加ごとに20ドルで40,000までです。Framerは料金を変えるので、クライアントに約束する前にページを確認してください。先に尽きるのはアイテムではなくコレクションです。お客様の声、ロゴ、よくある質問、事例。これだけでもう4つで、Basicの上限の倍になります。

生成されるページのタイトルとディスクリプション

コレクションから作られるページには、それぞれ専用のタイトルとディスクリプションが必要です。用意しないと、全ページが共通の1文を引き継ぎ、検索で自分どうしがぶつかります。Page Settingsでは、二重の波かっこでCMSのフィールドを指定できます。アイテムのTitleフィールドにブランド名を足したタイトルにすれば、生成される全ページに固有の文言が入ります。ディスクリプションには、SEO用の説明フィールドを別に作って流し込みます。FramerのSEOページにも、まさにこの形が載っています。このSEO用のフィールドは、アイテムが80件たまってからではなく、コレクションを作る時点で追加してください。

ランディングページでCMSを使わないほうがいいとき

1ページ、1オファー、文章が変わるのは年2回。これならCMSは使わないでください。今後も動かさないお客様の声が3件なら、キャンバスに直接置きます。編集権限を渡す方法もCMSだけではありません。Framerのコンテンツエディター権限は1人あたり10ドルで、CMSの更新もページ上での編集もできます。つまり、わざわざコレクションにしなくても、クライアントは見出しを変えられます。コレクションを1つ増やすたびに、誰かが覚えないといけない構造が1つ増えます。中途半端に使われたコレクションから、ランディングページは散らかり始めます。

2分で判断する方法

質問は3つです。このブロックは、同じデザインで中身だけ変えて6回以上繰り返しますか。デザイナーではない人が毎月編集しますか。1つのテンプレートから複数のページを作る必要がありますか。1つでもはいなら、コレクションを作る価値があります。3つともいいえなら、キャンバスに置いて次に進みましょう。そして作り始める前に、プランの上限に対してコレクション数を数えておいてください。作ったあとでは遅いです。