![figma-remove-bg-plugin](https://images.ctfassets.net/ubv4j9m3121x/5xxQgLxGoScWq2RKXYQCEa/c6872606b9176f0a44bf674ffa88d863/figma-remove-bg-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで写真やイラストの背景を簡単に切り抜き・透過する方法
2023年1月追記
Figmaでの画像の背景透過を、無料で複雑な設定や回数制限なしに一括処理できる別のプラグインについて、以下の記事で新たに紹介していますので、こちらも参考にしてください。
今回は、Figmaで画像から背景を簡単に切り抜いてくれるプラグイン「Remove BG」の紹介です。画像を組み合わせてコラ画像(コラージュ画像)を作りたい時や、写真から人物を抜き出 したい時などに便利なプラグインです。
「Remove BG」というプラグインは、同名のWEBサービスが提供している公式プラグインで、サービス自体はFigmaを利用しなくても直接Webサイト上で利用することもできます。
![remove-bg](https://images.ctfassets.net/ubv4j9m3121x/29FbkMljCSKSAFTisI3VOn/191f41c7794d93d93e31aa80fdcb1352/Cursor-5.png?w=1386&h=765&q=50&fm=png)
この記事のターゲット
Figmaで画像の背景を透明に切り抜きたい方
バナーやイラスト用に、素材の白背景を削除したい方
ポートレートなどから人物だけを切り抜きたい方
ちなみに、Figmaを使わずに写真の切り抜きをする方法については、こちらの記事に非常にわかりやすくまとめられていましたので、ご参考まで。
写真の切り抜き・合成も自由自在!誰でもデザイナーになれる神ツール【4選】を紹介
1. 「Remove BG」プラグインをインストールする
![figma-remove-bg-plugin](https://images.ctfassets.net/ubv4j9m3121x/4BBqA85aa8qvCzBYvsODv7/4d04004d9dd441a7819e363bf7a52dd3/Cursor-2.png?w=967&h=612&q=50&fm=png)
Figmaのプラグインページから「Remove BG」をインストールします。ページ右上の「Install」をクリックすると自動的にインストールされます。
このサービスを利用するには、アカウント登録が必要ですが、月に50枚までは無料で利用できます(2021年3月現在)。無料版の場合、さらに25メガピクセルまでという制限がありますので、大きすぎる画像は無効になります。そして、Figma上でプラグインを通じて利用する場合も、同様の制限があります。
月に数件の記事を各ブロガーやマーケティング担当者、趣味で画像コラージュを作成する分には問題ない数だと思います。それ以上使用したい場合は有料プランを契約しましょう。
2. プラグインを開いてAPIをセットする
![remove-bg-set-api](https://images.ctfassets.net/ubv4j9m3121x/3Te0erTrB2S7AHVVzrmLg3/b58ba3b4a4e6623540feacf8e27135be/Cursor-4.png?w=1070&h=529&q=50&fm=png)
Figmaのファイルを開いて、プラグインがインストールされているか確認しましょう。
右クリックでメニューを開き「Plugin」から「Remove BG」を探し、見つけたら「Set API Key」をクリックします。
![remove-bg-set-api-option](https://images.ctfassets.net/ubv4j9m3121x/4Zc9spjESWeJbvL635G6FJ/3f0cfa78d4ced94530f4999b5e1f7fb3/Cursor-3.png?w=719&h=414&q=50&fm=png)
すると「API Key」を入力するように表示されるので、URLをクリックしてRemove BGの公式サイトでアカウントを作成し、API Keyを取得します。
![remove-bg-website-api-key](https://images.ctfassets.net/ubv4j9m3121x/4TZvoAxgmhm0SvQ1TKknvU/c44690a6fcc4d52a0785727306fe5ab2/____________________________2021_03_21_17_14.png?w=1200&h=630&q=50&fm=png)
API Keyを取得したらFigmaに戻って、入力し「Save」を押します。
これで準備は完了です。
3. プラグインを実行する
プラグインの 実行は非常にシンプルです。
背景を消したい画像を選択して、Pluginから「Remove BG」の「Run」をクリックするだけです。処理が始まってしばらくすると、背景が自動的に削除されます。
ご覧ください。ネコチャンも驚きの表情です。
切り抜かれたネコチャンに別の背景画像を合わせることで、コラージュ作品があっという間に出来上がりますね。
![space-cat](https://images.ctfassets.net/ubv4j9m3121x/FBS6y6TULhoITiwr4z8ZV/6b2e6464d331dbb5fc89ae24e11223e9/space-cat.png?w=1200&h=630&q=50&fm=png)
もう少し複雑な背景でも試してみましょう。
木に寄りかかる女性の画像から背景を削除してみます。
手と木の境界が曖昧でしたが、見事に切り抜かれていますね。驚きの精度です。
![explosion-woman](https://images.ctfassets.net/ubv4j9m3121x/7lZj0ihgaFzEaheIKZm5kb/3481488d2b59c1a132bbd410d3978154/explosion-woman.png?w=1200&h=630&q=50&fm=png)
このクオリティなら、SNSでの不意な爆発オチのニーズにも対応できそうです。
いかがでしたか。最近はPhotoshopやスマホのツールの画像処理技術もかなり発達していて驚かされるばかりですが、いざ業務で使うとなると使えるツールはなぜか限られてしまいますよね。
そんな中でも、無料でここまで提供してくださる神々には全く頭が上がりませんね。そんなツールを見つけたら、また紹介したいと思います。
この記事を読んだ方には、こちらの記事もおすすめです。