絶対にインストールするべきFigmaプラグイン13選

Figmaの機能はプラグインで拡張可能

Figmaの機能はプラグインで拡張可能なのだが、まだ新しいソフトウェアのためか、PhotoshopやAdobe XDのようにそのまま使用しているケースが多い。

この記事では絶対にインストールするべきFigmaプラグインを13個紹介している。

※ 過去に投稿したFigmaインストール数 ベスト20のプラグインは含めていません。

1. Find and Replace

Find and Replace

テキストおよびレイヤー名の検索・置換ができるプラグイン。

これがないと「ウェブサイト」となっている箇所が数十箇所あって、すべて「Webサイト」に直さないといけないときに修正にかなり時間がかかってしまう。

レイヤー名の検索・置換もできるので、個人的にないと困るプラグイン第1位。

Find and Replace

2. Rename It

Rename It

レイヤーやフレームの名前を一括で変更できる。

Find and Replaceと違ってテキストレイヤーは対象にならないが、連番でリネームすることができる。

Group => Item 1
Group => Item 2
Group => Item 3
Group => Item 4
Group => Item 5

Rename It

3. Split shape

Split shape

シェイプを複数のインスタンスに分割できる。

グリッドスタイルにシェイプを複数作成する際に1つ作成して3分割できるのでシェイプの作成がかなり楽になる。

Split shapeプラグインで3分割した例

Split shape

4. Sort Layers

Sort Layers

レイヤーを名前やX, Y軸でソートできる。

Sort Layers

5. Image Tracer

Image Tracer

ビットマップ画像をベクターレイヤーに変換する。

Image Tracer

6. Icon Resizer

Icon Resizer

アイコンのサイズをデザイン上の標準サイズとバウンディングボックスにリサイズします。

Icon Resizer

7. Japanese Font Picker

日本語フォントを試しながら選択できる。

FigmaはPhotoshopのようにフォントの見た目がプレビューされないので、このプラグインがインストールされていないとフォントを試しにくい。

Japanese Font Picker

8. Clean Document

Clean Document

Figmaドキュメントを自動的に整理し、クリーンアップします。

Figmaのグループやレイヤーをちゃんと整理できていないデザインの場合、フロント側でこれで一度整理したほうが構造が見やすくなり作業が楽になる。

Clean Document

9. QR Code Generator

QR Code Generator

QRコードを生成できる。

デザインにQRコードを入れるだけでなく、スマートフォン用のページのURLの代わりにQRコードを参照用に貼るなどの使い方ができる。

QR Code Generator

10. Google Sheets Sync

Google Sheets Sync

Google Sheetsのデータを直接Figmaに同期します。

Figmaのデザインの内容を実際のWebサイトのものに近づける際はこれがないと作業にものすごく時間がかかってしまう。

Google Sheets Sync

11. User Profile

User Profile

プロフィール用の人物画像を挿入できるが、欧米の外国人が多いので日本のWebサイトには不向き。

Avatarsという類似のプラグインもあるが、こちらはAIが顔写真を生成しているので人間に見えない顔写真が挿入されることがあるので使用しないほうが良い。

User Profile

12. SPELLL

SPELLL

英語のスペルチェックができる。

SPELLL

13. テキスト校正くん

アートボード内の選択中のテキストに対して、文章校正を行います。

テキスト校正くん