Figma プロトタイプ共有方法と権限設定ガイド

1. 共有に必要な前提条件

ポイント
必要条件を確認したら次は「プロトタイプビュー」へ移動し、共有パネルを開きます。

2. プロトタイプビューへの切替と共有パネルの表示

1. Figma にログイン → 対象ファイルを開く
   左サイドバーから目的のデザインファイルを選択します。

2. プロトタイプモードに入る
   右上の「プレゼンテーション」アイコン（▶）をクリックすると、プレビュー領域が表示されます。

3. 共有ボタンをクリック
   ツールバー最右端に常に表示されている人型＋リンクマークの「共有」アイコンを押すと、共有パネルが展開します。

4. プロトタイプだけを対象にしたい場合
   パネル下部の 「プロトタイプのみを共有」 を有効化すると、ファイル全体ではなく選択中のフローだけがリンクに含まれます。

参考: Figma ヘルプ – プロトタイプを共有する

3. リンク共有オプションと権限設定

3‑1. 誰でも閲覧可能（Viewer）

• 設定：リンクのアクセスレベルを「Anyone with the link」→ 「Can view」に変更。
• 用途例：外部クライアントやステークホルダーにデザインレビュー用リンクを配布。

3‑2. 組織内限定（Domain Restriction）

• 設定：「Organization only」＋ 必要な権限（Viewer / Commenter / Editor）を選択。
• 効果：SSO やメールドメインでアクセスが制御され、外部からの不正ログインを防止。

3‑3. 個別ユーザー指定

• 設定：メールアドレスを入力し、個々に Viewer / Commenter / Editor を割り当て。
• メリット：最小権限の原則（Least Privilege）を守りつつ、必要な人だけにアクセス許可が可能。

権限マトリックス

4. メールアドレスでの個別招待手順

1. 共有パネル下部の「メールで招待」 フィールドに相手のメールアドレスを入力。
2. ドロップダウンから付与したい権限（Viewer / Commenter / Editor）を選択。
3. 任意でメッセージを添えて 「Invite」 ボタンをクリック。

注意点
- 招待メールは迷惑メールフォルダーに振り分けられることがあります。送信後に相手へ確認の旨を伝えると安心です。
- 権限変更は同じパネルから随時更新でき、履歴も残ります。

5. 公開リンク取得・埋め込みコード生成

5‑1. リンクのコピー

5‑2. 埋め込みコード（iframe）の取得

1. パネル下部の 「埋め込む」 ボタンをクリック。
2. 表示された HTML スニペット（<iframe src="https://www.figma.com/embed?...">）をコピーし、Web ページやドキュメントに貼り付ける。

埋め込みコードは 閲覧権限 が Viewer に設定されている場合のみ有効です。

6. クライアントがアカウント不要で閲覧できる設定と留意点

リンク有効期間の管理や閲覧ログの確認は、Figma の「アクティビティ履歴」から行えます。

参考: Reddit – クライアント向けプロトタイプ共有例

7. セキュリティベストプラクティス

8. まとめ

• 前提条件（アカウント・権限・ネット環境）を整えたら、プロトタイプビューの右上にある共有ボタンでパネルを開くだけです。
• リンクオプションは「誰でも閲覧」「組織内限定」「個別指定」の3種類があり、目的に応じて最適な権限を選びます。
• メール招待はシンプルで確実、招待メールの届き先確認だけ忘れずに。
• 公開リンク・埋め込みコードはパネルから即取得でき、クライアントがアカウント不要で閲覧可能です。ただし、有効期限や機密情報の除外など運用ルールを設けましょう。
• ベストプラクティス（最小権限・定期的なリンク更新・ログ監査・2FA）を徹底すれば、情報漏洩リスクを大幅に低減できます。

この流れとチェックポイントを押さえておけば、Figma でのプロトタイプ共有はスムーズかつ安全に行えるでしょう。ぜひ実務で活用してください。