---
title: "Whimsical AIで作った図解を共有する方法"
description: "フローチャートやワイヤーフレームのたたき台を編集させずにレビューしてもらいたい人へ。Whimsical AIの図解を閲覧専用の一時URLで配り、期間と対象を絞って管理しやすくする手順をまとめます。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/whimsical-ai-diagram-share"
markdown: "https://giga-site.com/articles/whimsical-ai-diagram-share/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# Whimsical AIで作った図解を共有する方法

Whimsical AIは文章からフローチャートやワイヤーフレームをすばやく起こせるツールです。たたき台の図解をチームでレビューするとき、編集できる元データではなく閲覧専用の一時URLで配ると、見せる相手と期間を絞れてレビューの管理がしやすくなります。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

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

## 図解レビューを一時URLで回すメリット

Whimsicalにも共有機能はありますが、レビューの段階では「いつまで見せるか」「誰がコメントすべきか」を整理したいことがあります。閲覧専用の一時URLを併用すると、編集環境と確認環境を分けられて運用が明確になります。

Whimsicalの強みは、思考のスピードを止めずに図を組み替えられる点です。その編集体験はWhimsical側で活かしつつ、確定前の図を見せる窓口だけ一時URLに切り出すと、両方の良さを使えます。

## フローチャートをHTMLとして書き出す

Whimsicalで作った図は画像やPDFとして書き出せます。Webで軽く確認してもらうなら、書き出した図の画像を表示するHTMLにまとめるのが手軽です。

フローチャートは細部の文字が小さくなりがちなので、解像度の高い画像で書き出し、拡大して見られるようにしておくとレビューがしやすくなります。冒頭に図の前提や確認してほしい分岐を添えると親切です。

ワイヤーフレームを共有する場合は、画面遷移の順番が伝わるように図を並べる順序にも気を配りましょう。複数の画面をZIPでまとめて1つのページに並べれば、遷移の流れを通して確認してもらえます。どの段階のたたき台かを明記しておくと、レビュアーが粒度の合った指摘をしやすくなります。

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

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

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

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

## レビュー用URLを発行する手順

図解が用意できたら、レビュー担当に合わせて認証付きのURLを発行します。社内チームならパスワードや会社ドメイン認証、社外の協力者ならメール認証が向いています。

1. Whimsicalから図を高解像度の画像で書き出す
2. 画像と説明を1つのHTML(必要ならZIP)にまとめる
3. ギガサイト便のトップにドロップしてURLを発行する
4. レビュー担当に合わせて認証方式を選ぶ
5. 公開期限を設定し、レビュー依頼とともにURLを送る

## 指摘を反映して差し替える

レビューで指摘が入ったらWhimsicalで図を直し、再書き出ししたファイルを同じURLで差し替えます。リンクは変わらないので、レビュー担当は最初のURLを開き直すだけで修正後の図を確認できます。

アクセスログでレビュー担当が見たかどうかを確認でき、未対応の人を把握しやすくなります。複数回のやり取りでもリンク管理が散らからないのが利点です。

## 確定前の図を外に漏らさない

確定前のフローチャートには、未公開の仕様や検討中のアイデアが含まれることがあります。一時公開ページにはnoindexが付くため検索には出ませんが、noindexは閲覧そのものを防ぐものではありません。

関係者以外に見せたくないなら、認証を必ず併用してURLを知っただけでは開けないようにします。レビューが終わったら公開期限で自然に閉じるよう設定しておくと安心です。

## よくある質問

### Whimsicalの共有機能と一時URLはどう使い分けますか。

編集や継続的なコラボはWhimsical側で、確定前の図を期限付きで見せる確認用にはアクセス制御しやすい一時URLを使う、といった分け方ができます。

### フローチャートの細かい文字を読んでもらうには。

高解像度の画像で書き出し、拡大して見られるようにHTMLへ表示すると、細部までレビューしてもらいやすくなります。

### 指摘を反映した図を渡すたびにリンクは変わりますか。

同じURLのままファイルを差し替えられるので変わりません。レビュー担当は最初のリンクを開き直すだけです。

### 誰がレビューしたか分かりますか。

アクセスログで閲覧者と日時を確認できます。未対応のレビュー担当の把握に役立ちます。

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

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

## 関連記事

- [Excalidrawのテキスト生成図（AI機能）を共有する方法](https://giga-site.com/articles/excalidraw-ai-share/index.md)
- [Eraser（DiagramGPT）で作った図を共有する方法](https://giga-site.com/articles/eraser-ai-diagram-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)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Whimsical AIで作った図解を共有する方法",
  "description": "フローチャートやワイヤーフレームのたたき台を編集させずにレビューしてもらいたい人へ。Whimsical AIの図解を閲覧専用の一時URLで配り、期間と対象を絞って管理しやすくする手順をまとめます。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/whimsical-ai-diagram-share",
  "url": "https://giga-site.com/articles/whimsical-ai-diagram-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": "Whimsicalの共有機能と一時URLはどう使い分けますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "編集や継続的なコラボはWhimsical側で、確定前の図を期限付きで見せる確認用にはアクセス制御しやすい一時URLを使う、といった分け方ができます。"
      }
    },
    {
      "@type": "Question",
      "name": "フローチャートの細かい文字を読んでもらうには。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "高解像度の画像で書き出し、拡大して見られるようにHTMLへ表示すると、細部までレビューしてもらいやすくなります。"
      }
    },
    {
      "@type": "Question",
      "name": "指摘を反映した図を渡すたびにリンクは変わりますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同じURLのままファイルを差し替えられるので変わりません。レビュー担当は最初のリンクを開き直すだけです。"
      }
    },
    {
      "@type": "Question",
      "name": "誰がレビューしたか分かりますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "アクセスログで閲覧者と日時を確認できます。未対応のレビュー担当の把握に役立ちます。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```