Webflow AIで作ったページを確認用に共有する方法

Webflow AIページの「確認共有」が必要になる場面

Webflow AIはプロンプトからセクションやレイアウトを生成してくれますが、生成直後の状態がそのまま納品に耐えるとは限りません。配色、コピー、情報設計について、依頼主やチームの合意を取ってから本番ドメインに載せたいケースがほとんどです。

このとき、いきなり独自ドメインで公開してしまうと、検索エンジンに拾われたり、未完成の状態が外部の目に触れたりするリスクがあります。確認段階では「関係者だけが見られる一時的なURL」を用意するのが安全です。

Webflow内のプレビューと共有リンクの使い分け

Webflowにはエディタ内のプレビュー機能や、サイトを公開する前のステージング用サブドメイン(webflow.io)があります。チームメンバーがWebflowアカウントを持っている場合は、ワークスペースに招待してエディタを共有するのが素直な方法です。

一方で、Webflowに不慣れなクライアントに「ログインして確認して」と頼むのは負担が大きいことがあります。閲覧だけしてほしい相手には、ログイン不要で開ける単純なURLのほうが歓迎されます。

そこで選択肢になるのが、完成したHTMLを書き出して別の共有手段に載せる方法です。Webflowはコードエクスポートに対応しているため、生成・調整したページを静的ファイルとして取り出せます。

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

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

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

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

エクスポートしたHTMLを一時URLで共有する手順

Webflowからエクスポートすると、HTMLやCSS、画像がまとまったZIPが手に入ります。このZIPをそのまま共有サービスにドロップすれば、確認用URLとして配布できます。

1. Webflowのプロジェクト設定からサイトをエクスポートし、ZIPをダウンロードする
2. ギガサイト便のトップにそのZIPをドラッグ&ドロップする
3. 発行されたサブドメインURLをコピーする
4. 閲覧者の状況に合わせて認証方式(URLのみ/パスワード/メール認証/会社ドメイン)を選ぶ
5. 公開期限を設定し、URLを関係者に送る

確認段階だからこそ気をつけたいアクセス制御

確認用ページは未完成のコピーやダミー画像を含むことが多く、外部に見られると誤解を招きます。リンクを知っている人だけが開けるURLのみ方式でも軽い共有には十分ですが、社外の重要案件ではパスワードやメール認証を併用すると安心です。

一時公開ページにはnoindexが付くので検索結果には出ませんが、noindex自体はアクセス制御ではありません。本当に関係者だけに絞りたいなら、認証を組み合わせて閲覧範囲を限定しましょう。

フィードバック後の差し替えをスムーズにする

レビューでは一度で終わらず、修正と再確認を繰り返すのが普通です。URLが毎回変わると、相手は古いリンクを開いてしまい混乱します。同じURLのまま中身だけ差し替えられる仕組みを使えば、リンクを送り直さずに最新版を見てもらえます。

誰がいつ見たかを確認できるアクセスログがあれば、フィードバック待ちの相手にリマインドする判断もしやすくなります。ギガサイト便はこうした確認・レビュー・一時共有の用途に向いており、Webflow AIで作ったページの社内チェックや顧客プレビューに使えます。