[Figma] 簡単！色の一括登録と色の一括置き換える方法

2023年6月9日2023年7月17日

Figmaでの作業初期に導入したい、色の登録が楽になる方法と登録した色を一気に変える時短に役立つプラグインを2種をシェアします。テンプレートを作成する事があると思いますので、きっと大活躍すると思います。最近では、Figmaで作業する事が増えました。イラレとまではいきませんが、便利です。

INDEX

色のスタイルの登録

仕様を作る事から始めると思いますが、色のスタイルを登録するのって、ちょっと面倒ですよね？プラグインで、使用する色を一機に登録します。

Chroma Colorsというプラグインをインストールします。

Figma

Chroma Colors | Figma Community Create bulk color styles from selection. Simply select any objects that have a fill color, run the plugin, and it will generate the color styles for you automat…

決めた色を選択し、Ctrl＋Rで名前を書き換えます。

ここはちょっと手間がかかりますがこの先は楽です。

※ この画像の様に色の隣に名前を書かなくてもOKです。

次に、登録したい色を選択し、最初にインストールしておいた、Chroma Colorsを起動するだけ。

色の一括置き換え

企画書など、資料の使いまわしに超便利です！CSSの様に、一括で色を変える事が出来ます。

Batch Stylerをインストールします。

Figma

Batch Styler | Figma Community Change multiple text and color styles at once! Need to change values of multiple (text and color) styles at once but don’t want to go through the process of ch…