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

URL: https://webrandum.net/figma-plugin-brandfetch/
公開日: 2022-10-11
更新日: 2022-10-11
カテゴリー: デザイン
タグ: Figma, Figmaプラグイン
出典: Webrandum（著者: サイトウ マサカズ）

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

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

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

## Brandfetch

![Brandfetch](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_5-2.png)

[![](https://www.google.com/s2/favicons?domain=www.figma.com)Figma![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/f21ad8d0e1e8af4acdb2324a906ce033cd3e5fb955b17a1d98961b9478135438.webp)Figmahttps://www.figma.com/community/plugin/733590967040604714/BrandfetchFigma 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...](https://www.figma.com/community/plugin/733590967040604714/Brandfetch)

Brandfetchは、企業やサービスのブランド情報を検索して、すぐにインポート・参照できるプラグインです。

有名な企業はかなり網羅されていますし、だいたい検索すれば情報が出てきます。

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

- Logos：ロゴ画像

- Colors：ブランドカラー

- Fonts：ブランドフォント

- Images：その他の画像

## 基本的な使い方

使い方はBrandfetchを起動して、「Brandfetch」ウインドウを開きます。

タブが4つあって、基本的には「Search」タブで検索するのがメインです。

![Brandfetchのタブ一覧](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_1-4.png)

- Search：検索画面

- Explore：カテゴリごとに有名なブランドを探したり、ランダムでブランドを表示できる

- Editorial：Brandfetchが運営している[ブログ記事](https://brandfetch.com/blog)が表示される

- Library：ここに表示されるリンクからアカウント登録をして、自身のブランドをBrandfetchに登録できる

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

![ブランドの検索結果](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_2-5.png)

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

![ブランド情報の表示](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_3-4.png)

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

![ブランドカラーの表示](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_4-3.png)

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