Skip to main content
Connect Figma to Brew and paste any frame URL into chat. Brew returns 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: 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 an Agent or Code

The same conversion is available programmatically. It runs 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_email tool with source.kind set to figma and the frame’s figmaUrl, so an agent can pull a frame into Brew as one step of a larger workflow.
Three 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.
Links you added to Figma text and buttons carry over. A button with no link becomes #, and warningCount tells you how many need real URLs. Pass hrefMap to set or override links in the same request. It maps up to 100 Figma node IDs to URLs. Mapped content also stays live text instead of being flattened into an image. To fill links in later, use 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 to 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.

Ask ChatGPT or Claude

Click here to open the Copy page menu at the top of this page, then send the page to ChatGPT, Claude, or your editor.