# Connect Figma to Claude with MCP to Build Branded Ads

> By Friedrich Bremer (Fritz), Paid Social, AI and Automation Consultant. Published on business.mndst, https://business.mndst.co/p/figma-claude-mcp-dd3hey

**Topic:** AI Tools

A practical breakdown of wiring Figma into Claude through MCP so you can generate branded images and ads fast. This covers the setup logic, what to feed it, and where the handoff to a real designer belongs.

## The short version

- MCP is the bridge that lets Claude actually talk to your Figma files.
- Feed it your design system, typography, and colors before you ask for anything.
- Reference images give Claude a shape to copy for your brand.
- Use it for speed and idea volume, not polished final work.
- Hand the rough draft to a Figma freelancer to finish the job.

## What MCP actually does here

MCP is the connector that lets Claude reach into Figma and work with it directly. Without it, Claude is just guessing at design in a chat window.

With it, you can sit inside your workflow and ask for images and ad concepts that pull from your real files. The interesting part is that Figma handles the image-level execution while Claude handles the direction.

My read is that most people overcomplicate this. It is a pipe between two tools you already use. That is the whole trick.

## Feed it your brand before you ask for anything

Garbage in, generic out. If you give Claude no context, you get design that looks like everyone else's.

So before you generate a single asset, hand it the raw materials. Your design system. Your typography. Your color values. These are the guardrails that keep the output on-brand instead of drifting into stock-template territory.

I keep seeing people skip this step and then complain the results look off. The results look off because the model never learned what your brand is.

## Reference images are the fastest way to get what you want

Describing an ad in words is slow and imprecise. Showing one is fast.

Grab a reference image you like and tell Claude to make something similar for your brand. Same structure, your typography, your colors, your feel. You are handing it a shape and asking it to refill that shape with your identity.

This works especially well for ad layouts where the format is proven and you just want it wearing your clothes.

## Where this fits and where it stops

This is a tool for speed and volume, not for finished work. It is best when you want to test ten ideas before lunch instead of one.

Use it to sketch concepts, try simple layouts, and see which direction feels right. Nothing too complex. The moment an idea earns real budget or attention, that is your cue to move on.

Here is the practical part - hand the rough draft to an actual Figma freelancer to finish. Claude gets you to a strong starting point. A human designer takes it the rest of the way. That split is where the real efficiency lives.

## Further reading

- [Figma MCP Catalog](https://www.figma.com/mcp-catalog/)
- [Figma MCP in Claude Code](https://www.figma.com/pt-br/comunidade/app/1578169397428523117/figma-mcp-in-claude-code)
- [How to integrate Figma MCP with Claude Code](https://composio.dev/toolkits/figma/framework/claude-code)
- [From Claude Code to Figma: Turning Production Code into ...](https://www.figma.com/blog/introducing-claude-code-to-figma/)
- [Demystifying Design Systems using Figma's MCP with ...](https://www.designsystemscollective.com/demystifying-design-systems-and-using-figmas-mcp-with-claude-cli-674d1b66468b)

## About the author

Fritz has 8+ years in paid social and adtech and has managed $50M+ in annual ad spend. He builds the systems behind growth, and publishes the ones he builds for himself. He works across Europe and United Kingdom and sells one-to-one consulting and done-with-you build work.

- Website: https://business.mndst.co
- Instagram: https://www.instagram.com/peopleseye/
- Book a call: https://calendar.app.google/cHLyFEDs1U11JGUz6