MENU
CLOSE
デザイン Edit : 2024.01.07 Update : 2024.11.07

figmaで簡単に画像を切りぬく方法

Figma上で簡単に画像を切り抜く方法として、切り抜きが出来るプラグイン『cutout』を紹介します。
画像加工はPhotoshopが長けていますが、Figmaでも出来るのはありがたいですね。
画像加工時に是非活用してみてください。

『cutout』の使い方

①メニューバーのプラグインから[cutout]でプラグインを実行

①メニューバーのプラグインから[cutout]でプラグインを実行
画像を選択した後、メニューバーのプラグインから[cutout]でプラグインを実行します。プラグインが画像をスキャンするまで10秒ほど待ちます。

②画像の切り抜きたいオブジェクト(パーツ)を選択する

②画像の切り抜きたいオブジェクト(パーツ)を選択する
切り抜きたいオブジェクトをクリックで選択します。1度できれいに選択されない場合は、何度かクリックするときれいに選択されます

③黒い「オブジェクトを切り出す」ボタンをクリックして結果を取得

③黒い「オブジェクトを切り出す」ボタンをクリックして結果を取得

Figmaキャンバス上に切り抜かれた画像が貼り付けられてます完成です✨
③黒い「オブジェクトを切り出す」ボタンをクリックして結果を取得

KOHIMOTO LABO

東京・吉祥寺でKOHIMOTO Inc.というWebサイト制作の会社をやっているエンジニアとデザイナーが、発信を通して成長していくためのラボ🧪 IT企業出身。サイト制作を通じて微力ながら社会が良くなる手助けをしたいと思っている。