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

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

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

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

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

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



今から始めるUIデザインツールSketch入門 Sketchの特徴と使う理由
Illustratorで文字をオブジェクトの上下中央揃えにする2つの方法
Figmaのサイズの大きい画像を縮小せずにインポートするプラグイン「Insert Big Image」
個人ブログにコメント欄は必要なのかどうか
Figmaのフォント選択時に分かりやすくプレビューしてくれるプラグイン
選択オブジェクトに合わせてアートボードを変更するillustratorのスクリプト
ダミーデータ・ダミー画像を登録・生成してくれるFigmaプラグインまとめ
Sketchのライブラリアップデートの方法
Illustratorで画像内の複数箇所を切り抜いて書き出す方法
Figmaのテキストやオブジェクトを斜めに変形・旋回させるプラグイン「SkewDat」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
WordPressのプラグインはどれを入れたら良い?とりあえず最初に導入をオススメするプラグイン一覧
動画の圧縮をFinder右クリックメニューの「選択したビデオファイルをエンコード」から行う
Alfred 4のカスタム検索を設定をしてサイト内検索をしたり、ブラウザのブックマーク検索を行う方法
Alfredの検索ボックスを、磨りガラスのように背景がぼやけた見た目にする方法
一般的によく使われているテキストエディタでのEmmetの設定方法まとめ
コーダー目線で理解するIllustratorのアピアランス機能
Nuxt.jsでのページ遷移設定方法(Vue Routerやnuxt-link)|Nuxt.jsの基本
Illustratorでスクリプトを実行するいくつかの方法
Xnapperを使って、他人に共有するときに見栄えの良いスクリーンショット画像を作成する
人前でデモをするための設定や、始める前のチェックリスト