Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
このサイトは快適なテーマ「SWELL」を使用しています SWELLについて

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

Figma

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

INDEX

色のスタイルの登録

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

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

Chroma

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

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

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

Figma

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

Figma

色の一括置き換え

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

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

Batch Style

Batch Styleを起動します。
登録してある色のリストが表示されるので、変えたい色の名前を選択します。

例えば、Primely色(この場合は紺)を指定した全ての箇所が置き換えたい場合はPrimelyをクリックします。

Batch Style

Primelyの設定内容が表示されるので、#以降を書き換えます。

一気に複数個所の色が置き換わります。

出来ましたか?超~楽!

Figma その他、おすすめプラグイン

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

コメント ※ハンドルネームでお願いします

コメントする

INDEX