安全注意・共有範囲 / 非公式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番目が最も問題になります。導入実績としてロゴを並べるのは、相手の許諾が前提です。取引があることと、名前やロゴを出してよいことは別です。
ガイドラインを先に読む
多くの企業がロゴの使用条件を公開しています。掲載する前に確認してください。
- 色や比率を変えてよいか — 単色化や変形を禁じていることがあります
- 周囲に必要な余白 — 他の要素と近づけすぎない指定があります
- 使ってよい版 — 旧版のロゴが残っていないか
- 禁止されている使い方 — 文章の一部として使う、背景に敷くなど
「公式サイトから画像を保存して使う」はしないでください。配布用のファイルが別に用意されていることがほとんどで、そちらを使うのが条件になっています。
判断がつかない時
使ってよいか分からない場合、次の順で考えると整理できます。
- ロゴでなく文字で書けないか — サービス名を文字で書けば商標の問題は小さくなります
- そもそも載せる必要があるか — 見た目のために置いているなら外す
- 相手に聞けるか — 取引先なら確認できます
1番目で解決することが多くあります。ロゴを並べたい理由が「見栄え」なら、載せない選択で構いません。リスクに見合いません。
自社のロゴを扱う時
他社のロゴだけでなく、自社のロゴにも決め事を作っておくと後が楽になります。
- 使ってよい版を1か所にまとめる — 古い版が出回るのを防げます
- 最小サイズを決める — 小さくすると読めなくなります
- 背景色ごとの使い分け — 明るい背景用と暗い背景用
制作物のたびに誰かが手元のファイルから貼ると、少しずつ違う版が混ざります。配布用の場所を決めて、そこから取る運用にしてください。