Figma プラグインやウィジェットのために、思わずクリックしたくなるカバーとリスティング用スクリーンショットをデザイン。Figma Community 推奨の 1920×1080 にぴったり合います。
登録不要。1920×1080 の Figma Community キャンバスをすぐに開けます。
仕様
Figma Community へプラグインやウィジェットを公開するとき、リスティングは 1 枚のカバー画像と任意のカルーセルメディアで構成されます。どちらも同じ 16:9 キャンバスなので、1 つのプロジェクトですべての素材を作れます。以下は公開時に Figma が推奨する仕様です。
| カバー サイズ | 1920 × 1080 px(推奨) |
|---|---|
| アスペクト比 | 16:9 |
| セーフエリア | 1800 × 1080 px、中央 |
| カルーセル メディア | 最大 9 枚の画像または動画 |
| 形式 | PNG または JPG(PNG を推奨) |
| プラグイン アイコン | 128 × 128 px |
スターター スタイル
実績のある 16:9 レイアウトから始めて、エディターで自分のスクリーンショット・配色・コピーに差し替えましょう。
鮮やかなグラデーションの上に大きい見出しと浮遊する UI カード。
白い背景、シャープな製品の切り抜き、明快なひとこと。
深いチャコールの舞台に光るアクセント。ツール系プラグインに最適。
ブランドカラーを主役に、印象的なビフォーアフターのペアを添えて。
もっと見たい場合は? ブラウザ・デスクトップ テンプレートを見る
使い方
空白のキャンバスから公開できるカバーまで、約 5 分。
Figma Community プリセット付きでエディターを起動。設定も登録も不要です。
プラグイン UI のキャプチャを置き、背景を選び、核心を売る見出しを書きましょう。
カバーとカルーセル用の鮮明な PNG をダウンロードし、Figma の公開モーダルからアップロードします。
ベストプラクティス
Figma Community で一貫して効果的なパターン。
プレーンなビフォーと磨き込まれたアフターを並べる。証拠は約束に勝ります。
本物のスクリーンショットをブラウザやキャンバスのフレームに置けば、文脈が一目で伝わります。
アイコンの配色と書体を響かせれば、リスティング全体がひとつの製品に見えます。
よくある質問
Figma Community のカバー画像とリスティング用スクリーンショットについて開発者がよく尋ねること。
1920×1080 の Figma Community キャンバスでデザインを始め、リスティング素材を数分で書き出せます。