Notion・Framer連携
Notionのプロパティ（項目）とFramer CMSのフィールドを一度対応づければ、Notionに書かれた内容がFramerのサイトに届きます。このページでは、連携の手順、クライアントが編集したあとの挙動、Framer公式プラグインとの違い、うまくいかないときの確認点をまとめます。
NotionとFramerの連携とは、Notionのデータベースの各行と、Framer CMSのコレクションの各アイテムを対応させ続けることです。Notionに追加された行は新しいCMSアイテムになり、編集された行は更新され、削除された行はコレクションからも取り除かれます。誰かが内容を書き写す必要はありません。
Framerでのデザイン作業は何も変わりません。サイトが読み込むのはこれまでどおりFramer CMSで、コレクションを参照しているレイアウトやコンポーネントもそのままです。変わるのは、そのコレクションを誰がどこから更新するかだけです。
設定はサイトごとに一度だけです。所要時間はおおよそ5分。事前にFramerプロジェクトとNotionデータベースの編集権限を用意してください。
この5ステップのうち、あとから問題になりやすいのは4番だけです。行が増えたときにスラッグが空のまま残る、あるいは既存の行を複製して同じ値が二つできる、というのが最もよくある同期エラーの原因です。
クライアントがNotionを編集すると、KnotCMSがその変更を受け取り、Framer CMSのコレクションを更新します。有料プランでは、KnotCMSが1分ごとにNotionを確認し、変更があれば同期します。Notion側でWebhookを設定する必要はありません。無料プランでは確認は1日1回で、ダッシュボードから手動で同期することもできます。
同期された内容は既定では下書きとして入ります。確認してから公開するという段階を挟めるため、クライアントの編集がそのまま本番サイトに出ることはありません。サイトごとに自動公開を有効にすれば、この段階を省略できます。
Framerには公式の無料Notionプラグインがあります。自分で運用しているサイトなら、まずこちらで十分です。費用はかからず、Framerが保守しています。
違いは同期が動く場所です。公式プラグインはFramerエディタの中で動き、編集権限を持つ人がプラグインを開いてSyncを押したときだけ同期します。納品後のサイトでは、クライアントがNotionを更新しても、あなたがFramerを開くまで反映されません。KnotCMSは外部のサーバーで動くため、誰もFramerを開かないまま反映と公開まで進みます。
選び方の詳細と、公式プラグインのほうが優れている点については比較ページ（英語）にまとめています。
公式プラグインでもKnotCMSでも、同期が止まる原因の多くはNotion側の状態にあります。最初に確認すべきは次の3点です。
エラーメッセージごとの意味と確認手順は同期エラーの原因と対処（英語）にまとめています。
無料プランは1サイト、同期は1日1回・合計10回まで、1回の同期あたりCMSアイテム50件まで。実際のサイトで一連の流れを確認するには十分な範囲です。
Starterは1サイトで月額9ドル（年額85ドル）。1分ごとの同期、無制限の同期回数、任意の自動公開が使えます。Studioは5サイトで月額39ドル、Agencyは20サイトで月額99ドルです。料金はサイト数で決まるため、Notionを編集する人数が増えても変わりません。
サイトごとに5分ほどです。Framerプロジェクトの接続、Notionデータベースの接続、フィールドの対応づけ、スラッグ項目の指定、Notionページの共有という5つの手順を一度行います。
Notionはインテグレーションに明示的に共有されたページのみを公開します。対象のデータベースを開き、共有メニューからKnotCMSのインテグレーションを追加してから、もう一度一覧を読み込んでください。複製したデータベースは別物として扱われ、共有設定を引き継ぎません。
必要ありません。共有したNotionページにアクセスできれば十分です。Framerの追加の席は不要で、プロジェクトの設定に触れられる心配もありません。
推奨しません。日本語のみの値はスラッグとして空と判定される場合があり、同期が止まる原因になります。スラッグ用に英数字のテキストプロパティを用意し、そちらを対応づけてください。
できます。Notionデータベースから新しいコレクションを作ることも、フィールド名が対応している既存のコレクションにそのまま同期することも可能です。ひとつのコレクションに対して同期元はひとつに保ち、公式プラグインとKnotCMSを同じコレクションに向けないでください。
