【Figma】特定の色を一括変更するには

以前の記事にてXDで特定の色を一括変更する方法を解説しましたが、今回はFigmaで特定の色を一括変更する方法をご紹介します！

手順

STEP 01

まず、アートボードやフレームなど、変更したい範囲をすべて選択します。
すべて選択すると、右側のパネル（赤枠部分）に使用中のカラーが一覧で表示されます。

STEP 02

変更したい色を選択し、新しい色に変更します。
選択した色が使用されているすべての要素が、自動的に更新されます。

Figmaではライブラリーにカラーを追加しなくても一括変更が可能ですが、プロジェクトの管理がしやすくなるため、ライブラリーに追加することをおすすめします。

カラーをライブラリーに追加する方法

1）選択中の色を右クリックし、「スタイルを作成」を選択します。
2）「＋」アイコンをクリックし、新しいスタイルを作成します。
3）必要な項目を入力し、スタイル名を設定します。スタイル名を設定しない場合、カラーコードでスタイルが追加されます（後から変更も可能です）。

まとめ

いかがでしたか？
Figmaを使用すれば、プロジェクト内の色を簡単に一括で変更することが可能です。
効率化によってデザインの柔軟性を向上させ、クオリティを高めていきたいですね。

この記事が皆様のデザイン作業の一助となれば幸いです。