【XD】色を一括で変換する方法を紹介!

【XD】色を一括で変換する方法を紹介!

※当ブログでは商品・サービスのリンク先にプロモーションを含みます。ご了承ください。

takato(@n8takato)です!

XDで色を一括で変換したい

この記事は上記の課題に向けて作成しています。

サイトのリニューアル等で色味を変換することがあると思います。

その際既存のデザインデータを一括で色変更出来ると楽ですよね。

XDでは一括で変更することができます。

この記事ではXDで色を一括変換する方法を紹介します。

この記事を読むメリット

  • XDで色を一括変換する方法がわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナー・webディレクターとして勤務
  • webデザイナー3年、webディレクター1年目
  • web制作現場で学んだことを発信している人

〜個人的にオススメなwebデザインスクール3選〜

今なら無料オンライン説明会実施中です!
興味のあるスクールに申し込んでみてください!

目次

XDで色を一括で変更する方法

早速XDで色を一括変更する方法を紹介します。

例えば下記のアートボードにあるピンクを一括でオレンジに変換するとします。

XDで色を一括で変更する方法①

カラーの「+」を選択する

はじめにピンクを選択した状態で左側にあるカラーの「+」を選択します。

XDで色を一括で変更する方法②

するとピンクのカラーが追加されます。

XDで色を一括で変更する方法③

「編集」を選択する

追加されたピンクのカラーコード上を右クリックをして「編集」を選択します。

XDで色を一括で変更する方法④

色を変更する

最後に色を変更します。

6桁の英数字で色を変更すると、ピンクの図形全ての色が変更されます。

XDで色を一括で変更する方法⑤

同じデータ内にある同色が全て変更されます。

上記のやり方で一括で色を変更することが出来ます。

最後に

XDでは色を一括で変更することが出来ます。

ファイル内の色を一括で変更したい場合は上記のやり方がおすすめです。

是非実施してみてください。

〜個人的にオススメなwebデザインスクール3選〜

今なら無料オンライン説明会実施中です!
興味のあるスクールに申し込んでみてください!

  • URLをコピーしました!
目次