Figmaのフォント選択時に分かりやすくプレビューしてくれるプラグイン

Figmaはフォント選択時にフォント名しか出てきません。
しかしプラグインを使うと、フォントプレビューされた状態で一覧になるので、探すときに少し便利になります。

フォントプレビュープラグイン

有名なのは「Better Font Picker」と「Font Preview」です。

それぞれで見た目も機能もかなり違いがあって、Better Font Pickerは最低限の機能で高速、Font Previewは機能が多い代わりに起動までに少し待ちます。
人によりますが、自分の場合はプレビューさえできればOKなのでBetter Font Pickerを使っています。

Better Font Picker

Figma

Figma

https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker

Figma Community plugin — Well... Like the name suggests, Better Font Picker helps you select fonts with a preview of how it looks. Now you can skim through all those 1000s of fonts installed seamlessly as an alternative to the default font picker in figma!Note: Better Font Picker shows ONLY the list of installed font...

メニューの［Plugins］→［Better Font Picker］を選択するとパネルが開いて、自動で検索ボックスにフォーカスされます。

このまますぐに検索してフォントを探せるのが魅力です。

Keyboard Maestroを使ってフォント変更をラクにする

Keyboard Maestroを使って、command + T（Text）でパネルが開くようにしています（Keyboard Maestroについて知らないかたはこちらの記事をご覧ください）。

メニューを選択するだけでもいいのですが、トグルでパネルを開いたり閉じたりしたかったので、条件分岐でBetter Font Pickerのパネルヘッダー画像が見つかるかどうかで条件分岐をしています。

パネルヘッダーが見つかったときはその右側にある「×」アイコンをクリックしてパネルを閉じて、見つからない場合はメニューを選択してパネルを開きます。

わざわざ画面右にマウスを持っていってフォント変更する必要もなくなるので、プレビュー関係なくフォント選択で使っています。

Font Preview

Figma

Figma

https://www.figma.com/community/plugin/890494567122693015/Font-Preview

Figma Community plugin — This plugin generates live previews for anything you type, right in the plugin window!Features:Live preview in pluginSave favorite fonts in a separate tab, and they'll still be there when you reopen the pluginFilter & search for fonts so you don't have to scroll the giant listReactively lo...

メニューの［Plugins］→［Font Preview］を選択するとパネルが開きます。
このパネル初期表示時に少しロードが走って待ち時間が発生してしまいます（1度開いたら大丈夫ですが）。

一番上に「Preview text」と書かれた入力項目があり、ここでプレビューテキストを変更できます。

ちなみにデフォルトは「Sphinx of black quartz, judge my vow.」です。
これは「パングラム（pangram）」という全てのアルファベットを使った文章になっています（日本語で言うところの「いろは歌」みたいな感覚ですね）。

タブは「ALL FONTS（全てのフォント一覧）」「FAVORITES（お気に入りに登録したフォント一覧）」「SEARCH（フォントの検索）」の3つがあります。

「ALL FONTS」でフォント名の横にある星アイコンをクリックでお気に入りに登録できます。