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

Adobe XDやSketchと同様に、Figmaにもプラグインがあり、様々なプラグインをインストールすることで制作をラクにできます。

今回はFigmaのプラグインインストール方法とその管理方法についてまとめておきます。

プラグインのインストール方法

Figma

Figma Plugins | Powerful Plugins Made Just For Figma

https://www.figma.com/community/plugins

Install and use thousands of plugins published to the Figma Community. Add new functionality and power up your workflow with these small but mighty apps.

Figma CommunityというFigmaのファイルやプラグインがまとまって検索できるページがあります。

ページ上部の「Pulugins」をクリックするとプラグインのみ表示させられるので、この状態でページ下に表示されているランキングから探したり、キーワードからプラグインを検索したりします。

プラグインのすぐそばに「Install」ボタンがあるので、Figmaにログインした状態でこのボタンをクリックします。

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

ちなみにプラグインはアカウントと紐付く形でインストールされるので、ブラウザ版もアプリ版も両方同じアカウントでログインすればどちらにも反映されています。

プラグインの管理

Figmaのメニューから［Plugins］→［Manage Plugins…］をクリックすると、インストールしているプラグインの一覧が表示されます。

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

プラグインファイルの管理は不要

Sketchの場合はプラグインのバージョン管理やMac移行時のために、プラグインファイルをDropboxに移していたりしましたが、Figmaの場合は不要そうです。

Webrandum

Sketchのプラグインを管理ツールを使わずに直接フォルダで管理する方法

https://webrandum.net/sketch-plugin-direct-management

今までSketchのプラグインはSketchpacksというプラグイン管理ツールを使用していたのですが、最近動作が不安定になってきて「もう管理ツール使う理由は無いのでは？」と思ったので、直接フォルダで管理するようにしました。プラグイン管理ツールは何のために入れていたのか？そもそも自分がプラグイン管理ツールを入れた理由は下記の2点です。 簡単にプラグインをインストール・アンインストールできる アップデートの管理が行えるただ、最近は使うプラグインが固定されてきました。頻繁にプラグインを切り替えたり、色んなプラグイン...

完全にアカウントにプラグインが紐付いていて、ログインすればそのプラグインが自動で反映されます。

そのため、プライベート用と仕事用などで複数アカウントがある場合は、各アカウントごとにインストールしていく必要があるので注意が必要です。