---
title: "Microsoft Designerで作ったビジュアルを共有する方法"
description: "バナーやSNS画像を複数案作ったものの、どれを採用するか決めてもらう場面で手が止まる人へ。Microsoft Designerの出力をHTMLにまとめて共有し、比較・承認を一度のURLで完結させる手順を説明します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/microsoft-designer-share"
markdown: "https://giga-site.com/articles/microsoft-designer-share/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Microsoft Designerで作ったビジュアルを共有する方法

Microsoft DesignerはAIでバナーやSNS画像、ポスターを素早く作れるツールです。ただ作った後、複数案をまとめて依頼者やチームに見せ、どれを採用するか判断してもらう場面で手が止まりがちです。ここでは生成したビジュアルをHTMLギャラリーにして、期限付きの共有URLで確認に回す方法を整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

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

## Microsoft Designerのビジュアルを共有するときの悩み

Microsoft Designerで作った画像は、PNGやJPEGとして書き出せます。1枚だけならメールやチャットに添付すれば済みますが、配色違いやサイズ違いの複数案を一度に見てもらいたいとき、添付ファイルが増えてどれがどれか分かりにくくなります。

画像ファイルをまとめて送ると、相手は1枚ずつ開いて見比べる手間がかかります。さらにファイル名だけでは案の意図が伝わらず、「A案のここを直してほしい」といったやり取りもしづらくなります。

そこで、複数のビジュアルを1つのページに並べたHTMLギャラリーを作り、URLひとつで全案を見渡せるようにすると、確認も指摘も格段にスムーズになります。

## ビジュアルをHTMLギャラリーにまとめる

Microsoft Designerから書き出した画像を、シンプルなHTMLファイルに並べるだけでギャラリーになります。専門知識がなくても、imgタグで画像を縦に並べ、各案の見出しと簡単な説明文を添えれば十分です。

画像とHTMLファイルを1つのフォルダにまとめ、ZIP圧縮しておくと、そのまま一式として扱えます。相対パスで画像を参照しておけば、どこで開いてもレイアウトが崩れません。

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

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

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

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

## 期限付きの共有URLを発行する手順

作ったHTMLギャラリーは、ギガサイト便のトップページにドロップするだけで共有URLになります。HTMLファイル単体でも、画像を含むZIPでもそのまま受け付けられ、その場で 〇〇.giga-site.com 形式のURLが発行されます。

1. Microsoft Designerで各案を画像として書き出す
2. 画像を並べたHTMLを作り、画像と一緒にZIPにまとめる
3. ギガサイト便のトップにZIPをドロップして共有URLを発行する
4. 認証方式と公開期限を設定する
5. 発行されたURLを依頼者やチームに送る

## 見せたい相手だけに届ける認証設定

発行する共有ページには、URLのみ・パスワード・メール認証（ワンタイムコード）・会社ドメイン認証の中から認証方式を選べます。社外のクライアントに見せるならパスワード、社内の特定チームに限るなら会社ドメイン認証が向きます。

一時公開ページにはnoindexが付くので検索結果には出ませんが、noindexはアクセス制御ではありません。関係者以外に見られたくないビジュアルなら、認証を併用して守るのが安全です。

## 公開期限と差し替えで運用を楽にする

レビュー用の共有には公開期限を設定しておくと、確認が終わった後にURLが残り続ける心配がありません。無料プランでも最長7日まで公開でき、短期のレビューには十分です。

指摘を受けてビジュアルを直したら、同じURLのままファイルを差し替えられます。リンクを送り直さずに中身だけ更新できるので、修正のたびに新しいURLを案内する手間が省けます。

## 確認の効率を上げる小さな工夫

アクセスログを見れば、誰がいつギャラリーを開いたかを確認できます。依頼者がまだ見ていないのか、見た上で返事を保留しているのかが分かり、催促のタイミングを判断しやすくなります。

対面の打ち合わせやイベントで見せるなら、QRコードを配布する方法もあります。スマホですぐにギャラリーを開いてもらえるので、その場で反応を聞きたいときに便利です。

## よくある質問

### Microsoft Designerの画像はそのまま共有できますか

画像単体なら添付でも送れますが、複数案をまとめて見せるならHTMLギャラリーにして共有URLにする方が見比べやすくなります。画像を含むZIPをドロップすればそのまま共有URLが発行されます。

### クライアントに見せるとき検索に出ないようにできますか

一時公開ページにはnoindexが付くため検索結果には表示されません。ただしnoindexはアクセス制御ではないので、関係者以外に見せたくない場合はパスワードやメール認証を併用してください。

### 修正した画像に差し替えるには新しいURLが必要ですか

必要ありません。同じURLのままファイルを差し替えられるので、修正版をアップロードし直すだけで、相手は同じリンクから最新のビジュアルを見られます。

### 無料でどのくらいの期間共有できますか

無料プランの公開期限は最長7日です。短期のレビューや承認確認には十分で、期限が切れると自動的に閲覧できなくなります。

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

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

## 関連記事

- [Playground（AI画像生成）の作品を共有する方法](https://giga-site.com/articles/playground-ai-image-share/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)
- [AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法](https://giga-site.com/articles/ai-html-ab-feedback-two-urls/index.md)
- [Lovableで作ったアプリをURLで共有する方法](https://giga-site.com/articles/share-lovable-app/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Microsoft Designerで作ったビジュアルを共有する方法",
  "description": "バナーやSNS画像を複数案作ったものの、どれを採用するか決めてもらう場面で手が止まる人へ。Microsoft Designerの出力をHTMLにまとめて共有し、比較・承認を一度のURLで完結させる手順を説明します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/microsoft-designer-share",
  "url": "https://giga-site.com/articles/microsoft-designer-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": "Microsoft Designerの画像はそのまま共有できますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "画像単体なら添付でも送れますが、複数案をまとめて見せるならHTMLギャラリーにして共有URLにする方が見比べやすくなります。画像を含むZIPをドロップすればそのまま共有URLが発行されます。"
      }
    },
    {
      "@type": "Question",
      "name": "クライアントに見せるとき検索に出ないようにできますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一時公開ページにはnoindexが付くため検索結果には表示されません。ただしnoindexはアクセス制御ではないので、関係者以外に見せたくない場合はパスワードやメール認証を併用してください。"
      }
    },
    {
      "@type": "Question",
      "name": "修正した画像に差し替えるには新しいURLが必要ですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "必要ありません。同じURLのままファイルを差し替えられるので、修正版をアップロードし直すだけで、相手は同じリンクから最新のビジュアルを見られます。"
      }
    },
    {
      "@type": "Question",
      "name": "無料でどのくらいの期間共有できますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "無料プランの公開期限は最長7日です。短期のレビューや承認確認には十分で、期限が切れると自動的に閲覧できなくなります。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```