MENU
CLOSE
DESIGNWEB Edit : 2024.01.07 Update : 2024.01.11

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

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

『cutout』の使い方

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

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

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

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

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

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

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

Web Trends Lab.編集部

KOHIMOTO Inc.所属。トレンドやノウハウ中心にWebサイトを作るための知見を現場から発信していきます👀また、制作したWebサイトでの活用法や、最前線での施策を伺う企業へのインタビューも実施予定。