Figmaプラグインのインストール方法とその管理方法

Adobe XDやSketchと同様に、Figmaにもプラグインがあり、様々なプラグインをインストールすることで制作をラクにできます。
今回はFigmaのプラグインインストール方法とその管理方法についてまとめておきます。
プラグインのインストール方法
Figma CommunityというFigmaのファイルやプラグインがまとまって検索できるページがあります。
ページ上部の「Pulugins」をクリックするとプラグインのみ表示させられるので、この状態でページ下に表示されているランキングから探したり、キーワードからプラグインを検索したりします。
プラグインのすぐそばに「Install」ボタンがあるので、Figmaにログインした状態でこのボタンをクリックします。

確認ダイアログが表示されるので、「Install plugin」をクリックすればインストールされます。

ちなみにプラグインはアカウントと紐付く形でインストールされるので、ブラウザ版もアプリ版も両方同じアカウントでログインすればどちらにも反映されています。
プラグインの管理
Figmaのメニューから[Plugins]→[Manage Plugins…]をクリックすると、インストールしているプラグインの一覧が表示されます。

「・・・」をクリックしてプラグインの詳細ページに遷移したり、「Uninstall」からプラグインの削除が可能です。
一時的な無効化などができないのがネックですが、インストールもそこまで手間ではないですし、時間もそこまでかかりません。

プラグインファイルの管理は不要
Sketchの場合はプラグインのバージョン管理やMac移行時のために、プラグインファイルをDropboxに移していたりしましたが、Figmaの場合は不要そうです。
完全にアカウントにプラグインが紐付いていて、ログインすればそのプラグインが自動で反映されます。
そのため、プライベート用と仕事用などで複数アカウントがある場合は、各アカウントごとにインストールしていく必要があるので注意が必要です。



FigmaのSearch Menuを使用して必要なメニュー・コマンドをすばやく実行する
Figmaでモックアップをすばやく作成する「Mockuuups Studio」
コーダー目線で理解するIllustratorのアピアランス機能
Figmaで文字色と背景色のコントラスト比をチェックするプラグイン「Contrast」
Figmaの画像周りの基本操作|画像の追加方法や色補正、切り抜き方法まで
FigmaのAuto Layout入門|繰り返しのレイアウトやコンテンツに応じて横幅可変するボタンをラクに作る
Figmaのレイヤー名を一括変更するプラグイン「Rename It」
Sketchの画像周りの基本操作|画像の追加方法や色補正、切り抜き方法まで
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Backlogフリープランでプライベートの課題管理を行う方法
Apple WatchでiPhoneやMacのロック解除を行う方法
Macのデフォルトブラウザの設定場所
Macの「システム終了」や「スリープ」操作を素早く行う方法
一般的によく使われているテキストエディタでのEmmetの設定方法まとめ
Macのスニペットアプリ「Dash」の環境設定
MacのGoogle日本語入力のキー設定で単語登録のショートカットキーを追加する方法
Figmaで細かいアニメーションを作成できるプラグイン「Motion」
Chrome開発者ツールを使って、CLSエラーの原因となっている場所の特定をする方法