FigmaのAI機能、「背景を削除」。

プラグイン不要。Figmaだけで背景削除。

「ツールバー」>「アクション」>「背景を削除」。

FigmaのAI機能を使った背景削除ができるようになっている。

手順は簡単で、選択ツールで画像を選択し、下部にあるツールバーから、アクションへ進み、背景を削除を選ぶだけ。

今回はFigmaが生成した画像を使用。

1. ツールバーから、
2. アクションへ進み、
3. 背景を削除をクリック。

背景削除の精度は、徐々に高まると思われる。

FigmaのAI機能、「画像を作成」。

FigmaのAI画像生成機能。

「ツールバー」>「アクション」>「画像を作成」。

画像生成も、ツールバーからFigmaのAI機能で可能となっている。

1. ツールバーから、
2. アクションへ進み、
3. テキストメッセージで画像の内容を伝え、
4. 画像を作成をクリック。

画像生成の品質も、徐々に高まると思われる。

（※AI生成画像の悪用には注意です。）

フリー素材のAI機能利用には注意。

素材サイトの利用規約をチェック。

現時点（2025年9月）、AIの学習データ（AIの機械学習）や生成物への法整備が追いついていない。

無料で使用できるフリー画像は、AIによる学習データの対象となる可能性があるため、利用規約のチェックが無難。

• 今回使用した画像はFigmaが生成したもの。
• 無料プランのAIツールやフリー素材は、利用規約やポリシーなどの確認が必要。

ペンツールを使った切り抜き。

ペンツールとマスクでの背景削除。

イラストやロゴ作成の基本。ペンツール。

AIによる切り抜き、背景削除はたしかに便利。

ただ、ルールや基本を覚えずに、最初からAIに頼ると、自分にも他人にも迷惑がかかってしまうリスクもある。

Photo by：Daniel Octavian

参考：Figmaの背景切り抜き方法。ペンツールの使い方とプラグイン、そしてAI。

AIは便利。手作業も大切。

基礎や基本が大事。

手間をかけた料理が美味しいように、手縫いのファッションが重宝されるように、まずは基礎や基本が大事。

以上、参考になれば幸いです。

※Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いているので「です・ます調」ではありません。（元々はメモ書きでした。） ※事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 ※写真は主にUnsplashやPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、もしくは自前のものを使用しております。

Figma 関連メモ。

使い方 & プラグインなど。

• Figmaからフォントが消えたとき。日本語、英語フォントの追加方法。
• Figmaへガラスエフェクトが追加。Liquid Glassへの対応と見つからないとき。
• Figmaで文字や図形を斜めに。Skewプラグインとベクター編集モード。

• FigmaでLiquid Glassデザイン。プラグインとエフェクト機能について。
• FigmaのWebサイトデザイン画面の表示方法。画面が見つからないとき。
• Figmaの画像書き出し方法。PNGとJPG、WebPの違いと、画質やサイズの目安。
• Figmaでマスク作成。マスクができないときや解除の仕方。
• UI3 Figma Slidesの使い方やテンプレートの基本。シンプル版。
• UI3。Figmaの新しいUIで、Webやスライド、UI/UXをデザイン。
• Figmaで使える日本語フリーフォント一覧。商用利用も無料。
• Figmaでぼかしをかける方法。写真にぼかしを入れたいとき。
• Figmaのカラーパレットプラグインの使い方と、70:25:5の配色法則。
• Figmaの使い方が変わる？RGB入稿で印刷可能な時代に。

• Figmaでアウトライン化、フラット化をする方法と注意点。
• Figmaのツールバーやサイドバーが消えてしまったときの対応。
• Figmaのカーニング、文字詰めのショートカットの使い方。
• FigmaからCMYKでエクスポート。画像軽量化プラグイン「TinyImage Compressor」の使い方。
• FigmaとAI Genius。レイアウト作成、UI/UXデザインを一緒に。
• FigmaからWebPで書き出しす方法。Olive Pressの使い方
• Figma プラグインを削除する方法。追加も削除もシンプルに。
• Figmaがもし有料化されたら。Next Figmaのデザインツール。Pixso。
• Figma 削除したファイルを復元したいとき。復元の方法。
• Material SymbolsをFigmaへ。インストールしてすぐに使える。

• Figmaのルーラー（定規）の出し方。表示方法がイラレとちょっと違う！
• Figmaの背景切り抜き方法。ペンツールの使い方とプラグイン。
• Figmaで名刺を作ってみた結果。作成・入稿・仕上がりまで。
• Figmaを日本語化。言語切り替えの使い方。再起動も不要。
• Figmaで検索・置換する方法。ショートカットからでOK。
• Figmaでモザイクをかける方法。Pixelsでさらっと簡単に。
• Figmaの印刷データ用プラグイン「Print for Figma」の使い方。
• Figmaで名刺印刷。グラフィックで実際に発注、PDF入稿してみた手順。
• Figmaで名刺を作る方法。印刷用設定からCMYK化、入稿前の仕上げまで。
• Figmaがダークモードに対応。背景色設定も簡単、目に優しい！