カラーパレットが便利！デザイナー向けインスピレーションギャラリー「Muzli Search」

デザイン関連の様々な投稿サイト・ブログに１箇所でアクセスできるサービスMuzli（Chromeエクステンション）の検索機能が新しくなっていました。

search.muz.li

デザイナー向けPinterestのようなものかと思いきや、ユニークな特徴があったので紹介します。

特徴

Muzliをインストールしてなくても使える

MuzliはChromeエクステンションであり、インストールしていないと使えないサービスですが、このMuzli Searchは誰でも利用できます。

複数サイトの作品・素材を横断検索

Dribbble・Behanceなど投稿サイトの作品や、UpLabsのような素材サイトのリソース、Designspirationのようなギャラリーサイトの投稿など、Muzliが厳選した？デザイナー向けサイトの画像を横断検索できます。たまにYouTubeやPinterestの投稿もあり、一部キュレーションされたものが混じってるっぽいです。

いずれのサイトもPinterestのように誰でも投稿できるものでは無く、検索結果の作品・素材は品質の高いものが揃っている印象です。

５色のカラーパレット機能

５色指定し、似た配色の作品・素材を検索できます。カラーコード入力やカラーホイール操作といった手作業だけでなく、このように画像をD&Dしても自動で抽出してくれて便利。

このサービスに掲載されている全ての画像もカラーパレットがあります。このため検索でカラーコードを入れてもいい感じにヒットしてくれます。

inVision Studioで編集可能なUI Kit生成・ダウンロード

選択しているカラーパレットを用いたUIのサンプルが見れる上、編集可能なinVision Studio用データを無料でダウンロード可能。

MuzliはinVisionのサービスですが、大胆というか面白いアプローチですね。

使ってみた

「Blue icons」で検索。いい感じの青いアイコンが並びます。

「light pricing page」で検索。他にも、「dark dashboard」「red landing page」など様々なキーワードでヒット。

「app #F36777」で検索。カラーコードを指定すると、近しい配色の画像が表示されました。

「logo #F36777」で検索すると自分の投稿が出てきましたw

作品をクリックすると、カラーパレットの選択・ダウンロード、画像の保存（ブックマーク）、リンクのコピー、参照元サイトへのリンクなどが表示されています。左右キーで前後の投稿へ移動も可能。

カラーパレットを選択した画面。カラーパレットの保存もできます。

似た配色の画像を探せます。

似たカラーパレットを選択し、それが使われている画像を探していくこともできます。

ダウンロードした「カラーパレット」は、SVGになっていました。XDやSketchなどでそのまま使えて確かに良いですね。

まとめ

インスピレーションを得るために眺めるもよし、既にキービジュアルや配色が決まっていてそのイメージを膨らませるもよし、使い勝手の良いデザイナー向けのサービスだと感じました。

カラーパレットがいろいろな作品を発見するきっかけにもなるのがユニークですね。
inVision Studioを触るきっかけとしても良いかもしれません。

参考

こちらのツイートで知りました。ありがとうございました🙏

InVisionがデザインのリソースを探せるサイトをリリース。dribbbleをもうちょいオープンに、色々とキュレーションしてる感じかな？

Muzli Search: Web-wide search engine for design inspiration. via @ProductHunt https://t.co/C7UMPULdxj

— Yutaka Ishii / STUDIO (@ytk141) 2019年5月28日