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

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

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

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

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

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



Illustratorの「モザイクオブジェクト」機能で、画像にモザイクをかける方法(「ラスタライズ」を使った方法も追記)
Abstractで「Failed to open “○○”」「An unexpected problem occurred, try again?」と表示されるときに確認すること
Figmaでオブジェクトの整列をショートカットキーを使って効率的に行う方法
Sketchのテキスト編集周りの基本操作
Figmaのフォント選択時に分かりやすくプレビューしてくれるプラグイン
Figmaでデザインを作成するときの基本的な操作方法
Figmaで要素のサイズを図って追加するするプラグイン「Redlines」
Figmaのフレームを一瞬で整列するプラグイン「LilGrid」
Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Dashで「Secure Input is Enabled」と表示される場合の対処法
Apple Watchで完結するポモドーロテクニック用アプリ「Flat Tomato」がかなり便利!
pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ
BetterTouchToolでウィンドウが最大化された状態で「ウィンドウを右に最大化」すると左に移動してしまう問題
コーダー目線で理解するIllustratorのアピアランス機能
Visual Studio Codeのエクスプローラーを見やすくするちょっとしたカスタマイズ
ジッと瞑想しているのがツラい人にオススメな、歩きながら行う「歩行瞑想」
Nuxt.jsの基本と最初のセットアップ「プロジェクトの作成と起動をするまでの流れ」