Figmaで画像からカラーパレットを生成するプラグイン「Image Palette」

カラーパレットをすばやく作成したいときに、画像内のカラーを抽出すると早く作成できます。
今回はFigmaで画像からカラーパレットを生成するプラグインの「Image Palette」について紹介します。
Image Palette

「Image Palette」はその名の通り、画像からカラーパレットを生成するプラグインです。
画像を選択して、プラグインを実行するだけで画像の下に抽出されたカラーが並びます。
Palette
似たようなプラグインに「Palette」もあります。
「Image Palette」が画像下にカラーが並ぶのに対して、こちらは別モーダルで色が表示されます。
基本的な使い方
まずは画像をFigma上に配置して、選択状態にします。

あとは「Image Palette」を実行するだけで、画像下に5種類のカラーが円として追加されます。

複数画像を選択した状態で実行すると、すべての画像で一気にカラーを抽出してくれます。





個人ブログにコメント欄は必要なのかどうか
Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」
Sketchでデザインを作成するときの基本的な操作方法
Figmaのコメント機能を利用してデザイン上のやり取りを円滑にする
Figmaプラグインのインストール方法とその管理方法
Figmaで作ったスマホデザインを「Mirror」機能を使ってリアルタイムに実機確認をする
Figmaで要素のサイズを図って追加するするプラグイン「Redlines」
FigmaでAdobe XDやSketchのデータを開く方法
Figmaでデザインデータを整理するときに役立つプラグイン「Clean Document」
Figmaでオブジェクトの整列をショートカットキーを使って効率的に行う方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」