Connect Brandfetch MCP to Your AI Coding Assistant

I build Instagram carousels with Claude Code. One carousel needed six company logos.

Without Brandfetch, Claude searched each company website. Some websites blocked the request.

Other sites returned tiny, blurry icons. One white logo disappeared on a white background.

I went through about eight rounds of fixes. The task was simple, but the process was not.

Then I connected Brandfetch through MCP. Claude asked once and received clean logo files.

The results included PNG files and often SVG files. SVG files stay sharp when resized.

My rough estimate was 10,000 to 15,000 tokens without Brandfetch. With Brandfetch, I used around 1,000 to 2,000 tokens.

This is my rough estimate, not a benchmark. Your usage will be different.

What is Brandfetch MCP?

Brandfetch is a library of real brand data. It covers millions of companies.

Its data can include logos, icons, colours, and fonts.

Brandfetch MCP connects that library to an AI coding assistant.

MCP means Model Context Protocol. It is a shared connection method for AI tools.

Think of MCP like a standard plug. Your assistant uses it to reach Brandfetch.

The Brandfetch MCP server lives at this address:

https://mcp.brandfetch.io/mcp

Once connected, your assistant can use these Brandfetch tools:

• brand_search finds a brand by name.
• get_brand or get_brand_data returns data by domain.
• get_brands looks up several brands. It needs paid access.
• get_brand_context returns brand voice and positioning.
• build_logo_urls creates logo CDN links.
• enrich_transaction identifies a merchant from a bank statement line.

A domain is a website address, such as n8n.io.

A CDN link loads a file from a delivery network. This can make logo access easier.

What you need before you start

You need two things.

First, you need a supported AI coding assistant. This guide covers five options:

• Claude Code
• Codex
• Cursor
• VS Code
• Windsurf

Second, you need a Brandfetch developer account.

Create a free Brandfetch account here.

The free account includes 100 requests each month. MCP requests use your Brand API quota.

A quota is a usage limit. Each Brandfetch request reduces your available monthly amount.

Connect Brandfetch MCP to Claude Code

Claude Code can add the server from your terminal.

Step 1: Add the Brandfetch server

Run this exact command:

claude mcp add brandfetch --transport http https://mcp.brandfetch.io/mcp

Step 2: Open the MCP menu

Start Claude Code. Then run:

/mcp

Step 3: Sign in

Select brandfetch from the list. Follow the prompt to sign in.

Your browser should open the Brandfetch login page. Approve the connection there.

Step 4: Test one logo

Ask Claude Code for one logo. Review the result before requesting several brands.

Connect Brandfetch MCP to Codex

Codex supports a global or project config file.

A config file is a text file that stores tool settings.

The global file is ~/.codex/config.toml. A project can use .codex/config.toml.

Option 1: Edit the config file

Add this exact block:

[mcp_servers.brandfetch]
url = "https://mcp.brandfetch.io/mcp"

Option 2: Add it from the command line

Run this exact command:

codex mcp add brandfetch --url https://mcp.brandfetch.io/mcp

Sign in to Brandfetch

Run:

codex mcp login brandfetch

Complete the sign-in steps shown by Codex.

If your screen looks different, check the official docs:

docs.brandfetch.com/mcp/overview

Connect Brandfetch MCP to Cursor

Cursor lets you add an MCP server through its settings.

Step 1: Open MCP settings

Open Cursor Settings. Then select MCP.

Step 2: Add a new server

Use this exact configuration:

{
"mcpServers": {
"brandfetch": {
"url": "https://mcp.brandfetch.io/mcp"
}
}
}

Step 3: Sign in

Click Login beside the Brandfetch server. Complete the browser sign-in.

Step 4: Test the connection

Ask Cursor to find one brand. Confirm the result matches the correct company.

Connect Brandfetch MCP to VS Code

VS Code offers two setup methods.

Option 1: Use the Command Palette

1. Open the Command Palette.
2. Select MCP: Add Server.
3. Select HTTP.
4. Enter this server address:

https://mcp.brandfetch.io/mcp

HTTP is the web method used to connect with the server.

Option 2: Add a project config file

Add this exact block to .vscode/mcp.json:

{
"servers": {
"brandfetch": {
"type": "http",
"url": "https://mcp.brandfetch.io/mcp"
}
}
}

VS Code asks you to sign in when the server starts.

Connect Brandfetch MCP to Windsurf

Add Brandfetch to your Windsurf MCP config file.

Use this exact configuration:

{
"mcpServers": {
"brandfetch": {
"url": "https://mcp.brandfetch.io/mcp"
}
}
}

If another step appears, do not guess. Check the official docs:

docs.brandfetch.com/mcp/overview

Sign in: OAuth versus a bearer token

Brandfetch supports two authentication methods.

Authentication means proving that your account may use the service.

Option 1: OAuth

OAuth is the default method. It opens a browser sign-in page.

Your coding assistant sends you to Brandfetch. You sign in and approve access.

OAuth is the easier choice for normal desktop use. You do not paste a token.

Option 2: Bearer token

A bearer token is a secret access code. Anyone holding it may use your account access.

Use a token when OAuth is unavailable. Tokens also work for scripts and CI.

CI means an automated system that tests or builds your project.

Create an MCP token in the Brandfetch developer dashboard.

Open the Keys & MCP section. Create the token there.

Use this exact configuration when your client supports headers:

{
"url": "https://mcp.brandfetch.io/mcp",
"headers": {
"Authorization": "Bearer YOUR_MCP_TOKEN"
}
}

The Authorization header carries the token with each request.

Treat the token like a password. Never commit the real value to Git.

Git tracks changes in project files. A committed secret may enter project history.

Store the token in an environment variable when your client supports one.

An environment variable stores a value outside your normal source files.

Check the official docs if your client needs a different token method:

docs.brandfetch.com/mcp/overview

Test the connection

Start with one simple request. Try these three prompts.

Test 1: Get a logo

Get me the logo for n8n.io as a PNG.

Test 2: Get brand colours

What are Stripe's brand colours?

Test 3: Search by name

Find the brand for "ElevenLabs".

Check the returned domain before using any asset. Different companies can share similar names.

Free limits and pricing

The free Brandfetch account includes 100 requests each month.

Every MCP request counts against your Brand API quota.

The get_brands batch tool needs a paid plan or prepaid credits.

Batch means several lookups inside one request. Free users should fetch brands individually.

Use get_brand_data for one brand at a time.

The verified paid price is $129 each month. The yearly price is $1,188.

That plan includes 2,500 brand fetches each month. Extra fetches cost $0.10 each.

Prices can change. Check the official pricing page before buying.

Tips I learned from real use

Match the logo to your background

Brandfetch's light logos are white. They are made for dark backgrounds.

Its dark logos are dark or coloured. They work on light backgrounds.

State your design background inside the prompt. This avoids invisible logos.

For example:

Get the dark logo for n8n.io. My carousel has a white background.

Use symbols for small app icons

A full company logo may include text. That text can become unreadable when small.

Ask for the brand symbol when building an app icon.

Protect the free quota

Fetch one brand at a time with get_brand_data.

Do not repeat the same request without a reason. Save approved assets inside your project.

Check the file before publishing

Confirm the logo version and background. Also check the company's current brand guidelines.

The honest part

Brandfetch makes common logo work easier. It does not contain every new product.

Brand-new companies may be missing. For those, I still find the logo myself.

The service also has a quota. Large projects can use the free allowance quickly.

My token savings were useful, but they were only my rough estimate.

Brandfetch also does not choose your design. You still need the correct logo version.

Use it as a clean data source. Keep human review before publishing anything.

FAQ

Is Brandfetch MCP free?

You can start with a free account. It includes 100 requests each month.

MCP requests count against that amount. Batch lookups need paid access or credits.

Does it work with ChatGPT?

The verified setup in this guide covers five coding assistants.

For ChatGPT support, check the official docs:

docs.brandfetch.com/mcp/overview

Is my bearer token safe?

It is safe only when you protect it. Treat it like a password.

Never commit it to Git. Use an environment variable when supported.

If a token becomes exposed, replace it through the Brandfetch dashboard.

What happens when a logo is missing?

The company may be too new for Brandfetch. Get the asset from an approved source.

Do not keep repeating the same request. That can waste your quota.

Can I use Brandfetch logos commercially?

Check Brandfetch's terms and each brand's own guidelines.

Brandfetch provides the data. It does not remove a brand owner's usage rules.

Final take

Brandfetch MCP removed a boring problem from my carousel workflow.

Claude no longer needed eight rounds of logo fixes. It could request structured brand data.

The setup is short. The value comes from cleaner inputs and fewer repeated attempts.

Start with OAuth and one brand. Check the result before scaling the workflow.

Follow @salama_win on Instagram for no-fluff AI tools.

Sources

• Brandfetch MCP overview
• Brandfetch MCP for developers
• Brandfetch developer pricing
• Brandfetch developer registration
• Brandfetch Keys & MCP dashboard