Figmaのプラグインとは
プラグインとは、Figmaの機能を拡張して、デザイン制作や画像加工をより簡単にするツールのことです。
Figmaの標準機能だけではできない加工も、プラグインを使えば実現できるようになります。
プラグインの使い方
- Figmaの編集画面を開く
- メニューバーのコメントツールの右にある「アクション」アイコンをクリック
- 「プラグインとウィジェット」を選択
- 使いたいプラグイン名を検索してクリック
2. よく使うFigmaプラグイン一覧
Insert Big Image
用途: 高解像度の画像をインポート
大きな画像を画質を落とさずにFigmaに取り込めるプラグインです。横幅または高さが4096pxを超える画像をインポートする際は、このプラグインを使わないと画像が荒れてしまうため、必ず使用してください。
https://www.figma.com/community/plugin/799646392992487942/insert-big-image
Blobs
用途: 有機的な図形の作成
水滴のような流体的なシェイプを簡単に作れるツールです。「Complexity」と「Uniqueness」のスライダーを調整することで、様々な形状を作り出せます。作成後も線や色の変更が可能です。
https://www.figma.com/community/plugin/739208439270091369/blobs
Better Font Picker
用途: フォントの選択
フォントの実際の見た目を確認しながら選べるフォントピッカーです。デザインのイメージに合ったフォントを視覚的に探せます。
https://www.figma.com/community/plugin/739922281164562258/better-font-picker
Japanese Font Picker
用途: 日本語フォントの選択
日本語に対応しているフォントだけを見た目を確認しながら効率よく探すことができるプラグインです。
https://www.figma.com/community/plugin/948851319619581556/japanese-font-picker
To Path
用途: テキストを図形に沿わせる
曲線や楕円に沿ってテキストを配置できるプラグインです。
使い方: テキストと図形(曲線または楕円)を同時に選択してプラグインを実行します。
https://www.figma.com/community/plugin/751576264585242935/to-path
ARC – Bend your type!
用途: テキストをアーチ状に加工
テキストを弧を描くように配置できます。「Link」ボタンを押して適用すると、テキストが一文字ずつ分離されます。
無料版の場合5回までと回数制限があります。
https://www.figma.com/community/plugin/762070688792833472/arc-bend-your-type
Bender – Bend Your Text into an Arc!
用途: テキストをアーチ状、波、円形に加工
テキストを弧をアーチ状、波、円形に加工することができます。実行するとテキストが1文字ずつ分離されます。
https://www.figma.com/community/plugin/1464228451812548879/bender-bend-your-text-into-an-arc
Comment Note
用途: コメントの記載
Figma内にコメントを残すことができるプラグインです。
デフォルトのコメント機能と異なりコメントをレイヤーとして残すことが可能です。複製してもコメントが残るといった特徴があります。
https://www.figma.com/ja-jp/community/widget/1168789542647357646/comment-note
oblique
用途: シャドウ、ロングシャドウの作成
テキストに影をつけることができるプラグインです。
https://www.figma.com/community/plugin/876352455198080607/oblique
Remove BG
用途: 背景の切り抜き
画像の背景を自動で削除できるプラグインです。プラグイン以外にサイトもあり、サイトでも切り抜きを行うことができます。
https://www.figma.com/community/plugin/738992712906748191/remove-bg
SkewDat、Skew
用途: テキストの斜体加工
テキストを斜めに変形できるプラグインです。加工後も文字は分離されず、編集が可能です。
SkewDat：https://www.figma.com/community/plugin/741472919529947576/skewdat
Skew：https://www.figma.com/community/plugin/1219749104610050886/skew
Wave & Curve
用途: 波線の作成
波線を簡単に作成できます。作成後、線の太さや色は通常の線と同じように調整可能です。
https://www.figma.com/community/plugin/745971189153303901/wave-urve
Iconify
用途: アイコン素材の検索・挿入
Figma内で直接アイコン素材をベクター形式でインポートできます。色の変更も可能です。
注意: ライセンスはアイコンごとに異なります。使用前に必ず「License」の項目で確認してください。
https://www.figma.com/community/plugin/735098390272716381/iconify
Aspect Ratio
用途：画像の縦横比率のリサイズ
画像の縦横比率をワンクリックで調整できるプラグインです。
https://www.figma.com/ja-jp/community/plugin/1062971732939729883/aspect-ratio
Unsplash
用途: 無料写真素材の検索・挿入
Unsplashの画像ライブラリから、Figma上で直接画像を検索してインポートできます。
注意: 「Unsplash+」マークのついた素材は有料素材です。インポートすると透かしが入るため使用しないでください。
https://www.figma.com/community/plugin/738454987945972471/unsplash
Noise & Texture
用途: ノイズ・テクスチャの追加
図形や画像に簡単にノイズやテクスチャを加えられます。テキストにも適用可能です。
https://www.figma.com/community/plugin/1138854718618193875/noise-texture
Uigradients
用途: グラデーションの適用
簡単にグラデーションを適用できるプラグインです。適用後、デザインパネルの「塗り」から色の調整も可能です。
https://www.figma.com/community/plugin/744909029427810418/uigradients
Neumorphism
用途: ニューモフィズムデザインの作成
ニューモフィズム(柔らかい立体感のあるデザイン)を作成できます。光の角度や影の濃さを調整できます。
https://www.figma.com/community/plugin/810863251895788520/neumorphism
Clean Document
用途: 数値の整理・レイヤーの整理
図形の横幅・高さ・位置についている小数点を四捨五入して整数に変換したり、レイヤーを整理したりできるプラグインです。
使い方: 小数点のついているレイヤーを選択してプラグインを実行し、「Make pixel-perfect」をクリックすると整数に変換されます。
https://www.figma.com/community/plugin/767379019764649932/clean-document
Nisa Text
用途: テキストの分割
複数行のテキストを、改行ごとに別々のレイヤーに分割できるプラグインです。
使い方: テキストレイヤーを選択してプラグインを実行し、「split」をクリックします。
https://www.figma.com/community/plugin/739048247603902878/nisa-text
Image Palette
用途: 画像からカラーパレット作成
アップロードした画像から自動でカラーパレットを作成してくれるプラグインです。画像の雰囲気に合わせた配色を決めたい時に便利です。
https://www.figma.com/community/plugin/731841207668879837/image-palette
Split Shape
用途: オブジェクトの分割
図形を均等に分割することができるプラグインです。
https://www.figma.com/community/plugin/746565487016656360/split-shape