【Figma】画像をかんたんに挿入する方法！

Figmaに写真を挿入する２つの方法

Figmaの画像挿入方法

方法1：写真ファイルを挿入する方法のメリット・デメリット

もちろんフリー素材の写真を予めダウンロードしておき使用することもできます。

方法2：写真挿入プラグインを使ってフリー素材を挿入する方法のメリット・デメリット

Figmaに写真を挿入する方法（ローカルの画像ファイルを挿入する）

その他の便利な画像挿入方法（ショートカット）

上で紹介した操作には「Ctrl＋Shift＋K」が割り当てられています。よく使う操作なので覚えておくとよいでしょう！

画像挿入ショートカット：Ctrl＋Shift＋K

また、他にも下記のような画像挿入方法があります。

その他の画像挿入方法

Figmaに写真を挿入する方法（プラグインを使って挿入する）

Figmaにはフリー素材を簡単に写真挿入できるプラグインがいくつかあります。

Figmaプラグイン：Unsplash

Unsplashは、有名なフリー写真素材サイト「Unsplash」の写真を簡単に挿入できるプラグインです。

▲キーワードから写真を検索することができます。

おすすめポイント：シンプルだから使いやすい！

Figmaプラグイン：Content Reel

Content Reelは、画像、テキスト、アイコンを便利に挿入できる人気プラグインです。Microsoft が開発しています。

おすすめポイント：複数写真の同時挿入が便利すぎます！画像以外も挿入できる！

Figmaプラグイン：Photos

Photosは、写真素材を挿入できるプラグインです。対応サイトが多い（Unsplash, Google, Flickr, Pixabay, Pexels, Giphy,Tenor）ため、写真の数が豊富です。

おすすめポイント：対応画像サイトが豊富だから写真の数が多い！

Figma画像挿入プラグインの比較

	Unsplash	Content Reel	Photos
特徴	Unsplashの画像を挿入する	画像以外にも、テキストやアイコンをそうにゅ出来る	対応画像サイトが多いので写真の数が豊富。
利用料金	無料	無料	無料：（20枚まで） 有料版：すべての機能利用可能
複数画像の同時挿入	×	〇	〇
	Unsplashを試す	Content Reelを試す	Photosを試す

写真を検索するコツ

ここで紹介したプラグインはいずれも日本語には対応していません。日本素材を検索するときは英語で検索するようにしましょう。

英語が得意ではない方は、翻訳ツールを使うといいでしょう。私はDeepL翻訳を使っています。Ctrl＋Cを2回押すだけでいつでも呼び出すことができます。

写真を検索する時のキーワード例

プラグインを使えば、ブログのふきだし用アイコン（アバター）も簡単！

プラグインを使うと、こんなアイコンも簡単に作れます。

→【5分で作れる】Figma を使ったふきだし用アイコンの作り方の記事はこちら（記事準備中）

フリー素材の背景を切り抜き方法は？

Figmaなら写真の加工も簡単です。PhotoShopのように背景を切り抜いたり、フィルタをかけたりすることができます。

→Figmaを使って、画像の背景を無料で切り取る方法！

まとめ