SNSデザイン・投稿画像 / 非公式Figmaガイド
FigmaでSNS安全デザイン確認
公式誤認、人物画像、著作権、個人情報を公開前に確認します。
figmaguide.jp はFigma公式サイトではありません。Figmaの公式発表、料金、機能、仕様、提供範囲は必ず公式情報で確認してください。このサイトでは、FigmaをWebデザイン、LP設計、Codex連携、AIガイド群での制作確認に使うための考え方を整理しています。
このページでできること
SNS画像、サムネイル、投稿前確認、スマホ表示、素材権利を整理します。 公式誤認、人物画像、著作権、個人情報を公開前に確認します。
Figmaで確認すること
Figmaでは、見た目だけでなく、目的、読者、導線、余白、スマホ表示、公開前の安全注意を分けて確認します。AIに任せる前に、人間が決める範囲を整理します。
役割分担の比較表
| 確認すること | Figmaで見ること | AIサイト群での役割 |
|---|---|---|
| 目的 | 何を設計するページかを決める | ChatGPTで文章、Figmaで設計、Codexで実装へつなぐ |
| レイアウト | 見出し、余白、カード、CTA、画像配置を見る | Canva素材やCodex実装へ渡しやすくする |
| スマホ確認 | 390px前後で読めるか確認する | Codex公開前チェックへつなぐ |
| 安全注意 | 共有範囲と未公開情報を確認する | HALやGitHub Secrets注意へつなぐ |
チェックリスト
- スマホで文字が読める
- 著作権と人物画像を確認した
- SNS成果を保証しない
- Figma公式サイトではない前提を明記している
- 個人情報、会社情報、顧客情報を入れていない
- 公式ロゴ、公式画像、公式UIスクリーンショットを使っていない
- 料金、仕様、提供範囲、成果を断定していない
安全注意
個人情報、会社情報、顧客情報、APIキー、token、Secrets、.env を掲載しないでください。Figmaファイルを外部AIへ渡すときは、伏せる情報と共有してよい情報を分けてから相談します。
AIサイト群の導線
公開前に見る4項目
SNSに出す画像は、公開してからでは取り消せません。次を確認してください。
- 写り込み — 実在のロゴ、看板、人物、他人の作品
- 素材の条件 — 商用利用と加工の可否
- 文言 — 誤字、日付、金額
- 個人情報 — 画面の写真に通知やファイル名が入っていないか
4番目が見落とされます。作業画面をそのまま素材にすると、意図しないものが写ります。必要な部分だけを切り出してください。
断定を避ける表現
画像の中の短い文言ほど、断定になりやすく注意が要ります。
- 避ける — 「必ず」「絶対」「No.1」「誰でも」
- 根拠が要る — 数値、実績、比較
- 期限つきの表現 — 「今だけ」は期限後に嘘になります
3番目は運用の問題です。期間限定の文言を入れた画像は、外す作業がセットで発生します。外す予定を決めてから出してください。
あとから直せる形にしておく
公開後に修正が必要になることは必ずあります。備えておいてください。
- 元のファイルを残す — 書き出した画像だけでは直せません
- 文字は画像に焼き込みすぎない — 差し替えが必要な部分は特に
- どこに出したか記録する — 複数の媒体に出すと、直し漏れます
3番目が実務で効きます。同じ画像を複数の場所に出していると、1か所だけ古いまま残ります。出した先を控えておいてください。
他人の投稿を素材にしない
SNS上で見つけた画像や文章を素材に使うのは避けてください。
- 投稿されていることと、使ってよいことは無関係です
- 引用の要件を満たさない使い方は権利侵害になります
- スクリーンショットも同じ扱いです
参考にするのは構いませんが、そのまま素材にはしないでください。自分で作るか、条件を確認した素材を使ってください。