Framer AIで作ったサイトを確認用に共有する方法

本番公開前にレビューを挟みたい理由

Framer AIで作ったサイトをいきなり本番ドメインに出すと、誤字や古い情報、表示崩れがそのまま公開されてしまうリスクがあります。公開前に第三者の目を通すことで、見落としを防げます。

特にクライアントワークでは、承認を得てから公開するのが基本です。完成イメージを共有して合意を取っておけば、後から「思っていたものと違う」というやり直しを避けられます。

Framer内のプレビュー共有でも確認はできますが、確認だけのために相手にアカウントや環境を意識させたくない場合は、独立した確認用URLを用意する方法もあります。

Framer AIのサイトを書き出す

Framerにはサイトを静的なコードとして書き出す機能があり、HTMLやCSS、画像をまとめたファイル一式を取得できます。これを使えば、Framerの環境から切り離した形でサイトの見た目を確認してもらえます。

書き出したファイルは、HTMLとアセットが相対パスで参照される構成になっていることが多いので、フォルダごとZIPにまとめておくと、どこで開いてもレイアウトが保たれます。

AI生成HTMLを共有する前の安全チェック

Framer AIで作ったサイトを確認用に共有では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。

ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。

• 外部送信: form action、fetch、script src、iframeの向き先を確認する
• 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する
• 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る
• 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める

一時URLでレビューに回す手順

書き出したサイトのZIPを、ギガサイト便のトップページにドロップすると、その場で共有URLが発行されます。CSSやJS、画像を含むZIPをそのまま受け付け、HTTPSは自動で付き、CDNのエッジ配信で表示も速いので、確認時のストレスがありません。

1. Framer AIのサイトを静的ファイルとして書き出す
2. HTML・CSS・画像をフォルダごとZIPにまとめる
3. ギガサイト便のトップにZIPをドロップする
4. 発行された確認用URLに認証と公開期限を設定する
5. レビュー担当者にURLを共有して指摘をもらう

レビュー範囲に合わせた認証選び

確認用URLには、URLのみ・パスワード・メール認証（ワンタイムコード）・会社ドメイン認証から認証方式を選べます。社内レビューなら会社ドメイン認証、社外のクライアントに見せるならパスワードやメール認証が使いやすいでしょう。

一時公開ページにはnoindexが付くため検索結果には出ませんが、それはアクセス制御ではありません。未公開のサイトを部外者に見られたくないなら、必ず認証を併用してください。

修正サイクルを止めない差し替え運用

レビューで指摘を受けたら、Framerで直して再度書き出し、同じURLのままファイルを差し替えられます。リンクを送り直す必要がないので、何度も修正と確認を繰り返す確認フェーズと相性が良い運用です。

確認が終わった後はURLを残しておく必要がないので、公開期限を設定しておきましょう。無料プランでも最長7日まで公開でき、期限が切れれば自動的に閲覧できなくなります。

ギガサイト便と本番運用の使い分け

ギガサイト便は確認・レビュー・一時共有に向いたサービスで、独自ドメインで本番Webサイトを長期運用する用途とは位置づけが異なります。承認が取れたら、本番はFramerの公開機能や独自ドメインで運用するのが自然な流れです。

アクセスログで誰がいつ見たかを確認できるので、レビュー担当者が確認済みかどうかを把握しながら、承認の進捗を管理できます。