Figmaで企業やサービスのブランドロゴやカラーをすぐ参照できるプラグイン「Brandfetch」

デザイン時に企業やサービスのロゴ画像が必要になるときがあります。

例えばTwitterやFacebookなどのSNSロゴを入れたい場合に、わざわざ各サービスのロゴ配布ページへ移動してダウンロード、フォルダを解凍してからようやくFigmaにドラッグアンドドロップして配置できます。

今回紹介する「Brandfetch」を使うと、すぐにロゴ画像をSVGでインポートできます。

Brandfetch

Figma

Figma

https://www.figma.com/community/plugin/733590967040604714/Brandfetch

Figma Community plugin - Instant access to any company’s brand assets. Search from millions of logos, colors, fonts, and more.How does it work?Type a company name.Fetch its brand assets.Click to insert into your designs.What is Brandfetch?Brandfetch is the go-to-place to source digital assets, claim your brand pro...

Brandfetchは、企業やサービスのブランド情報を検索して、すぐにインポート・参照できるプラグインです。
有名な企業はかなり網羅されていますし、だいたい検索すれば情報が出てきます。

表示されるブランド情報は下記の通りです。

• Logos：ロゴ画像
• Colors：ブランドカラー
• Fonts：ブランドフォント
• Images：その他の画像

基本的な使い方

使い方はBrandfetchを起動して、「Brandfetch」ウインドウを開きます。
タブが4つあって、基本的には「Search」タブで検索するのがメインです。

• Search：検索画面
• Explore：カテゴリごとに有名なブランドを探したり、ランダムでブランドを表示できる
• Editorial：Brandfetchが運営しているブログ記事が表示される
• Library：ここに表示されるリンクからアカウント登録をして、自身のブランドをBrandfetchに登録できる

検索ボックスにキーワードを入力すると、企業やサービスなどブランドが表示されます。

あとはブランド名をクリックすると、登録されているブランド情報が表示されるので、必要な情報をクリックでインポートしたりコピーします。

「Logos」にはロゴ画像が入っていて、「Colors」をクリックするとブランドカラーが表示されます。

ロゴ画像はクリックすればインポートされますし、ブランドカラーやフォントは要素を選択した状態でクリックすれば色やフォントが反映されます。