---
title: "Framer AIで作ったサイトを確認用に共有する方法"
description: "本番公開の前に上司やクライアントの承認を取りたい人へ。Framer AIが自動生成したサイトを一時URLで確認共有し、承認フローを素早く回すための手順と注意点をわかりやすく整理します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/framer-ai-site-share"
markdown: "https://giga-site.com/articles/framer-ai-site-share/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Framer AIで作ったサイトを確認用に共有する方法

Framer AIはプロンプトからWebサイトを自動生成し、見栄えのよいページを短時間で作れます。ただ本番ドメインに公開する前に、上司やクライアントに見てもらって承認を取りたい場面は多いはずです。ここでは書き出したサイトを一時URLで確認に回す方法を整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

> Source HTML: https://giga-site.com/articles/framer-ai-site-share
> Article index: https://giga-site.com/articles/index.md

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

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の公開機能や独自ドメインで運用するのが自然な流れです。

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

## よくある質問

### Framer AIのプレビュー共有と何が違いますか

Framerのプレビュー共有でも確認できますが、書き出した静的ファイルを一時URLにすると、Framer環境を意識させずに見た目だけを確認してもらえます。認証や公開期限を自由に設定できる点もレビュー向きです。

### 書き出したサイトは表示が崩れませんか

HTML・CSS・画像をフォルダごとZIPにまとめて相対パスを保てば、レイアウトは崩れにくくなります。ギガサイト便はZIPをそのまま受け付け、CDNのエッジ配信で表示も速くなります。

### 本番公開もギガサイト便でできますか

ギガサイト便は確認・レビュー・一時共有に向いた位置づけで、独自ドメインでの長期的な本番運用とは異なります。承認後の本番公開はFramerの公開機能などを使うのがおすすめです。

### 修正のたびにURLが変わると困ります

同じURLのままファイルを差し替えられるので、修正版を書き出してアップロードし直すだけで済みます。レビュー担当者には最初のURLを案内したままで構いません。

### AIツールで作ったHTMLはそのまま共有しても安全ですか？

そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。

## 関連記事

- [Framer AIで作ったサイトを一時URLで共有する方法](https://giga-site.com/articles/share-framer-ai-page/index.md)
- [Difyで作ったアプリやページを共有する方法](https://giga-site.com/articles/share-dify-app/index.md)
- [Rorkで作ったアプリを共有する方法](https://giga-site.com/articles/share-rork-app/index.md)
- [AI生成HTMLのアクセシビリティを確認してから共有する方法](https://giga-site.com/articles/check-ai-html-accessibility/index.md)
- [AIで作ったHTMLを「生成→共有→レビュー→差し替え」まで一気通貫で回すワークフロー](https://giga-site.com/articles/ai-html-review-workflow-end-to-end/index.md)
- [AI生成HTMLを関係者に見せる前の最終チェックリスト10項目](https://giga-site.com/articles/ai-html-stakeholder-checklist-before-share/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Framer AIで作ったサイトを確認用に共有する方法",
  "description": "本番公開の前に上司やクライアントの承認を取りたい人へ。Framer AIが自動生成したサイトを一時URLで確認共有し、承認フローを素早く回すための手順と注意点をわかりやすく整理します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/framer-ai-site-share",
  "url": "https://giga-site.com/articles/framer-ai-site-share",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Framer AIのプレビュー共有と何が違いますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Framerのプレビュー共有でも確認できますが、書き出した静的ファイルを一時URLにすると、Framer環境を意識させずに見た目だけを確認してもらえます。認証や公開期限を自由に設定できる点もレビュー向きです。"
      }
    },
    {
      "@type": "Question",
      "name": "書き出したサイトは表示が崩れませんか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTML・CSS・画像をフォルダごとZIPにまとめて相対パスを保てば、レイアウトは崩れにくくなります。ギガサイト便はZIPをそのまま受け付け、CDNのエッジ配信で表示も速くなります。"
      }
    },
    {
      "@type": "Question",
      "name": "本番公開もギガサイト便でできますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ギガサイト便は確認・レビュー・一時共有に向いた位置づけで、独自ドメインでの長期的な本番運用とは異なります。承認後の本番公開はFramerの公開機能などを使うのがおすすめです。"
      }
    },
    {
      "@type": "Question",
      "name": "修正のたびにURLが変わると困ります",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同じURLのままファイルを差し替えられるので、修正版を書き出してアップロードし直すだけで済みます。レビュー担当者には最初のURLを案内したままで構いません。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```