Skip to main content
Connect Figma to Brew so you can paste any frame URL into chat and get back a responsive email template that matches your design.

​
What You Can Do

  • Convert frames to email. Paste a Figma frame URL and Brew turns it into a responsive HTML email
  • Keep design fidelity. Typography, colors, and layout carry over
  • Iterate in chat. Ask Brew to tweak spacing, swap copy, or add CTAs without leaving the conversation

​
Setup

1

Connect your Figma account

In Brew, go to Integrations and click the Figma card. You’ll be redirected to Figma to authorize the connection. Once connected, paste any Figma frame URL into chat and Brew will convert the design.
Brew only reads frames you share a URL for. It doesn’t crawl your full Figma workspace.

​
Using Figma in Brew

Paste a Figma frame URL (with the node-id parameter) into any Brew chat:
  • “Turn this frame into a welcome email: https://figma.com/file/…/?node-id=…”
  • “Match this hero design but make the copy shorter.”
  • “Use this layout for our monthly newsletter.”
Brew converts the frame into a responsive email you can keep editing in chat or export to your ESP.
Right-click any frame in Figma and choose Copy link to selection to grab the exact node URL Brew needs.

​
From the API

The same conversion is available programmatically, running the exact same transpiler as chat:
  • API: POST /v1/emails/figma with { "figmaUrl": "...", "format": "jsx" }. Returns the new emailId, the emailVersionId to pin in sends and automations, and the requested JSX or HTML in content.
  • TypeScript SDK: brew.emails.importFigma(...)
  • MCP: the import_figma_design tool, so an agent can pull a frame into Brew as one step of a larger workflow.
Two things worth knowing:
  • It is free. The conversion is deterministic, with no model in the loop, so the same frame always converts the same way and no credits are charged.
  • The brand integration is required. API, SDK, MCP, and chat all use the same Figma account connected above. Credentials never travel in a conversion request. Without a usable connection, the call returns 422 FIGMA_NOT_CONNECTED.
  • Choose the returned source. format is optional and defaults to jsx. Set it to html when you need rendered email-safe HTML instead. The selected representation is returned in content and the same conversion is saved as an editable Brew design.
Figma carries no link data, so button hrefs come across as #. warningCount tells you how many need real URLs, which you can fill in with a follow-up brew.emails.edit(...).

​
Requirements

  • A Figma account with access to the file you want to convert
  • The Figma integration connected for the API key’s brand
  • Frames designed at email-friendly widths (600-700px work best)

​
Need help?

Our team is ready to support you at every step of your journey with Brew. Choose the option that works best for you:

Search Documentation

Type in the “Ask any question” search bar at the top left to instantly find relevant documentation pages.

ChatGPT/Claude Integration

Click “Open in ChatGPT” at the top right of any page to analyze documentation with ChatGPT or Claude for deeper insights.