デザインファイルへの画像と動画の追加 – Figma Learn - ヘルプセンター

この機能を使用できるユーザー

画像はすべてのプランで、動画はすべての有料プランで利用できます

Figmaデザインファイルへの編集可アクセス権が必要です

デザインファイルに画像と動画を追加して、写真、スクリーンショットなどの視覚アセットをデザインに取り込みます。

次のファイルタイプをサポートします。

メモ: スケーラブルベクターグラフィック(SVG)をFigmaデザインファイルにインポートすると、SVGは画像として扱われなくなります。ラスター画像は塗りプロパティとしてレイヤーに適用されますが、ベクター画像は、Figmaで描画される他のシェイプ同様、編集可能なベクターレイヤーに変換されます。

Figmaにはラスター画像および動画のためのレイヤータイプはなく、塗りタイプになります。このため、画像および動画を任意のシェイプやベクターネットワークに追加できます。

右サイドバーの[塗り]セクションで、画像や動画の塗りを表示および更新します。サムネイルがスウォッチに[画像]、[動画]、[GIF]ラベルとともに表示されます。

キャンバスに追加されたラスター画像と動画で長方形が作成され、アセットがオブジェクトの塗りに設定されます。これらは、左サイドバーで次のように識別できます。

既存のオブジェクトに画像や動画を追加すると、元のレイヤーのレイヤーアイコンと説明が使用されます。

メモ: Figmaでは、幅または高さが4096ピクセルを超える画像は縮小されます。画像の元の寸法の縦横比を維持したまま縮小されるため、最も長い辺は4096ピクセルより小さくなります。

Figmaで画像をファイルに追加する前に、場合によっては画像をデコードおよび変換する必要があります。このため、Figmaでファイルのすべてのメタデータが保持されることは保証されません。

ファイルへの画像と動画の追加

ラスター画像や動画は塗りとして任意のベクターやシェイプに追加できるため、柔軟性と制御性が向上します。

画像をデザインファイルに追加する方法は複数あります。

動画とアニメーションGIFはプロトタイプにも追加できます。GIFはプレゼンテーションビューでデザインとプロトタイプを表示する場合にのみ再生されます。

さまざまな方法で画像を編集または調整できます。