安全注意・共有範囲 / 非公式Figmaガイド
Figma画像権利注意
外部画像、人物画像、素材権利、商用利用の確認をまとめます。
figmaguide.jp はFigma公式サイトではありません。Figmaの公式発表、料金、機能、仕様、提供範囲は必ず公式情報で確認してください。このサイトでは、FigmaをWebデザイン、LP設計、Codex連携、AIガイド群での制作確認に使うための考え方を整理しています。
このページでできること
Figmaファイル共有、個人情報、会社情報、顧客情報、公式ロゴ、AI共有前の注意を確認します。 外部画像、人物画像、素材権利、商用利用の確認をまとめます。
Figmaで確認すること
Figmaでは、見た目だけでなく、目的、読者、導線、余白、スマホ表示、公開前の安全注意を分けて確認します。AIに任せる前に、人間が決める範囲を整理します。
役割分担の比較表
| 確認すること | Figmaで見ること | AIサイト群での役割 |
|---|---|---|
| 目的 | 何を設計するページかを決める | ChatGPTで文章、Figmaで設計、Codexで実装へつなぐ |
| レイアウト | 見出し、余白、カード、CTA、画像配置を見る | Canva素材やCodex実装へ渡しやすくする |
| スマホ確認 | 390px前後で読めるか確認する | Codex公開前チェックへつなぐ |
| 安全注意 | 共有範囲と未公開情報を確認する | HALやGitHub Secrets注意へつなぐ |
チェックリスト
- 共有範囲を確認した
- 外部AIへ渡す情報を伏せた
- 未公開案件名を出しすぎない
- Figma公式サイトではない前提を明記している
- 個人情報、会社情報、顧客情報を入れていない
- 公式ロゴ、公式画像、公式UIスクリーンショットを使っていない
- 料金、仕様、提供範囲、成果を断定していない
安全注意
個人情報、会社情報、顧客情報、APIキー、token、Secrets、.env を掲載しないでください。Figmaファイルを外部AIへ渡すときは、伏せる情報と共有してよい情報を分けてから相談します。
AIサイト群の導線
出どころを説明できる素材だけ使う
画像の権利で問題になるのは、たいていどこから持ってきたか説明できない素材です。次を基準にしてください。
- 自分で作った・撮った — 使える。ただし写り込みに注意
- 配布元の条件を確認した — 使える。条件の範囲内で
- 検索して見つけた — 使わない
3番目を「見つけたから使える」と考えないでください。検索結果に出ることと、使ってよいことは無関係です。制作を始める前に、素材の入手先を決めておくと迷いません。
条件は「使える/使えない」の二択ではない
配布されている素材でも、条件が付いていることがほとんどです。次を確認してください。
- 商用で使えるか — 個人利用のみのものがあります
- 加工してよいか — 色を変える、切り抜くが禁止のことがあります
- クレジット表記が要るか — 書き方まで指定されていることがあります
- 再配布にあたらないか — 素材そのものが目立つ使い方は該当することがあります
4番目が判断の難しいところです。素材を組み合わせた作品ではなく、素材がほぼそのまま成果物になる使い方は、条件を読み直してください。
人物と場所が写っている場合
権利は著作権だけではありません。写っているものによって、別の配慮が要ります。
- 人物 — 本人の同意。子どもの場合は保護者の同意も
- 私有地・店舗の内部 — 管理者の許可が要ることがあります
- 商品パッケージ・ロゴ — 写り込みの範囲を超えると別の問題になります
- 作品・展示物 — それ自体に権利があります
1番目は、同意を取った時点と公開する範囲がずれることに注意してください。「社内で使う」と伝えて撮った写真を、後から広告に使うことはできません。用途が変わったら取り直してください。
生成した画像を使う場合
AIで生成した画像には、素材とは別の確認が要ります。
- 使ったサービスの条件 — 商用利用の可否、権利の帰属
- 既存の作品に似ていないか — 特定の作風や実在の人物に寄りすぎていないか
- 納品物に含めてよいか — 受託の場合、契約で制限されていることがあります
2番目は目視で確認してください。実在のロゴやキャラクターに近い形が生成されることがあります。公開してから指摘されると、差し替えの手間が大きくなります。