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

画像を追加する方法

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

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

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

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

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

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

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

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