Figma プラグイン スクリーンショット生成器
Figma プラグインやウィジェットのために、思わずクリックしたくなるカバーとリスティング用スクリーンショットをデザイン。Figma Community 推奨の 1920×1080 にぴったり合います。
登録不要。1920×1080 の Figma Community キャンバスをすぐに開けます。
仕様
Figma Community の画像要件
Figma Community へプラグインやウィジェットを公開するとき、リスティングは 1 枚のカバー画像と任意のカルーセルメディアで構成されます。どちらも同じ 16:9 キャンバスなので、1 つのプロジェクトですべての素材を作れます。以下は公開時に Figma が推奨する仕様です。
カバーとリスティングの仕様
| カバー サイズ | 1920 × 1080 px（推奨） |
|---|---|
| アスペクト比 | 16:9 |
| セーフエリア | 1800 × 1080 px、中央 |
| カルーセル メディア | 最大 9 枚の画像または動画 |
| 形式 | PNG または JPG（PNG を推奨） |
| プラグイン アイコン | 128 × 128 px |
審査ガイドライン：推奨と禁止
推奨
- ✓プラグインの実際の画面と出力を見せる
- ✓サムネイルサイズでも読める大きい文字にする
- ✓カバーのスタイルをアイコンやブランドに合わせる
- ✓重要な要素は 1800×1080 のセーフエリア内に置く
禁止
- ✗実際の機能と異なるスクリーンショットを使う
- ✗重要なテキストやロゴを端に置く
- ✗プレビューサイズでは見えなくなる細かい UI に頼る
- ✗プラグインと無関係な販促画像を流用する
スターター スタイル
Figma プラグイン向けカバーテンプレート
実績のある 16:9 レイアウトから始めて、エディターで自分のスクリーンショット・配色・コピーに差し替えましょう。
ボールド グラデーション
鮮やかなグラデーションの上に大きい見出しと浮遊する UI カード。
クリーン ミニマル
白い背景、シャープな製品の切り抜き、明快なひとこと。
ダーク スタジオ
深いチャコールの舞台に光るアクセント。ツール系プラグインに最適。
ブランド ポップ
ブランドカラーを主役に、印象的なビフォーアフターのペアを添えて。
もっと見たい場合は？ ブラウザ・デスクトップ テンプレートを見る
使い方
3 ステップで Figma プラグインのカバーを作る
空白のキャンバスから公開できるカバーまで、約 5 分。
- 01
1920×1080 のキャンバスを開く
Figma Community プリセット付きでエディターを起動。設定も登録も不要です。
- 02
スクリーンショットとコピーを追加
プラグイン UI のキャプチャを置き、背景を選び、核心を売る見出しを書きましょう。
- 03
書き出して公開
カバーとカルーセル用の鮮明な PNG をダウンロードし、Figma の公開モーダルからアップロードします。
ベストプラクティス
優れたプラグインカバーの共通点
Figma Community で一貫して効果的なパターン。
変化を見せる
プレーンなビフォーと磨き込まれたアフターを並べる。証拠は約束に勝ります。
実際の UI をフレームに入れる
本物のスクリーンショットをブラウザやキャンバスのフレームに置けば、文脈が一目で伝わります。
ブランドを貫く
アイコンの配色と書体を響かせれば、リスティング全体がひとつの製品に見えます。
よくある質問
Figma プラグイン スクリーンショット FAQ
Figma Community のカバー画像とリスティング用スクリーンショットについて開発者がよく尋ねること。
クリックしたくなるカバーをリリースしよう
1920×1080 の Figma Community キャンバスでデザインを始め、リスティング素材を数分で書き出せます。