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

画像の追加方法

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

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

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

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

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

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

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

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