Figmaでの写真と動画の配置：メディアによるデザインの強化

画像の追加方法

• Figmaアイコン → ファイル → 画像を配置 をクリック;
• ツールバーから 図形ツールグループ → 画像を配置 を選択;
• ショートカット: Ctrl/Command + Shift + K を使用;

Figmaで画像を配置するには、図形の上にカーソルを合わせてクリックし、図形内に画像を挿入。テキスト上に配置、手動でドラッグして位置調整、または画像全体をクリックして配置も可能。ただし、縮小が必要な場合あり。画像のトリミングや調整は、Alt/Optionを押しながらダブルクリック、またはデザインパネル → 塗りつぶし → 画像塗りつぶしオプションを使用。

スケーリングオプションの調整

• 塗りつぶし: 画像が図形全体を埋める;
• フィット: 画像が図形内に収まる;
• トリミング: 画像の寸法を調整;
• タイル: 画像をグリッド状に繰り返し配置;

Figmaで画像をコピーするには、右クリックして選択 → コピー/貼り付けとして → プロパティをコピー または プロパティを貼り付け で属性を図形間で転送。もしくは、Ctrl/Command + C でコピー、Ctrl/Command + V で貼り付けのショートカットも利用可能。

塗りつぶし設定の変更方法

• 画像の不透明度を調整してフェード効果を出す;
• 任意の塗りつぶし色や画像を変更または非表示にする;
• マイナスアイコンをクリックして塗りつぶしを削除;

Figmaで動画を配置する手順も画像とほぼ同様。ただし、動画は有料プランのみ追加可能。追加後はデザインパネルの塗りつぶし設定でサムネイルをプレビュー。フル再生には、右上の「プレゼン」アイコンをクリックしてプレゼンテーションモードに切り替え。元ファイル（写真や動画）をダウンロードする場合は、Devモード（有料プランのみ）に入り、オブジェクトを選択し、インスペクトパネルへ。アセットセクション内のダウンロード/エクスポートボタンから取得可能。