Figmaで使っている色やフォントなどを一括変更する「Batch Styler」

テンプレートを使ってデザインを作成するときや、1度作成したデザインを修正するときに、登録済みのスタイルを名称を変更できると便利です。
デフォルトだとスタイルは1つ1つ変更していく必要がありますが、今回紹介する「Batch Styler」を使うと解決します。
ちなみに、以前「Styler」というプラグインも紹介しましたが、こちらは新規登録時に便利です。
今回紹介する「Batch Styler」は、変更に向いています。
Batch Styler

Batch Stylerはデザインデータ上のスタイルを選択して、あとから簡単に修正できるプラグインです。
プラグインをインストールするとメニューバーに[Plugins]→[Batch Styler]が追加されます。
基本的な使い方
Figmaメニューバーの[Plugins]→[Batch Styler]を選択して、パネルを表示します。

[Text]と[Color]それぞれのタブがあり、タブごとにデザインデータ存在するスタイルが表示されています。
スタイルを選択すると、選択したスタイルの情報が下に表示されるので修正後、「Update styles」で反映できます。
ちなみに、スタイル選択時にshiftやcommandを押しながら選択すると複数選択できるので、複数選択して一気に修正もできます。
その場合、「,(カンマ)」で情報が区切って表示されます。



FigmaのVariants機能でコンポーネントの状態を管理する方法
Figmaに独自のショートカットキーを割り当てる方法
Sketchの画像周りの基本操作|画像の追加方法や色補正、切り抜き方法まで
Figmaでテキストの一括置換を行うプラグイン「Find and Replace」
Figmaで要素のサイズを図って追加するするプラグイン「Redlines」
Figmaで企業やサービスのブランドロゴやカラーをすぐ参照できるプラグイン「Brandfetch」
Figmaでロゴやアイコンなどのビットマップ画像をベクターデータにトレースするプラグイン「Image tracer」
Figma × Keyboard Maestroでどこまで効率化できる?
選択オブジェクトに合わせてアートボードを変更するillustratorのスクリプト
Figmaのレイヤー名を一括変更するプラグイン「Rename It」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Macのちょっとした設定をメニューバーから変更できる「One Switch」
Keyboard MaestroでGoogle Chromeのタブグループ化にショートカットキーを割り当てておく
Audacityで音声の雑音・ノイズを低減する方法
iPhoneをもっと便利に使うための細かい小技集 #1日1Tips – 2020年2月
iCLUSTA+でWordPressのアップロード容量を上げたいときのメモ
Figmaのコンポーネント入門|コンポーネントの作成方法から特徴まで
Alfred 4でのWorkflowの作り方とWorkflow Objectのまとめ
CodeAnywhereでターミナルに触る練習をする
Keyboard Maestroのこれだけ覚えておけば良さそうなアクション紹介