# Bästa HTML-mejlbyggarna för Figma-användare: import, redigering och export

Kanonisk URL: https://brew.new/sv/blog/best-html-email-builders-for-figma-users-import-editing-and-export-compared
Författare: Brew Team
Publicerad: 2026-09-10
Uppdaterad: 2026-09-29

Den här jämförelsen publiceras av Brew. Vi gick igenom den länkade produktdokumentationen den 28 september 2026. Det här är en jämförelse av dokumentation, inte ett påstående om att vi har testat varje plattform i praktiken. Kontrollera aktuella gränser för planerna på respektive leverantörs prissida.

Din designer gör klart framen för produktnyheten i Figma, och teamet godkänner den samma eftermiddag. Den exporterade HTML-koden ser rätt ut i en webbläsare, men de två kolumnerna faller ihop i testet i Outlook. Veckan därpå vill en marknadsförare ändra en rubrik och måste vänta tills designern öppnar Figma igen.

När designen görs i Figma finns mejlet redan innan någon har öppnat en ESP. Det som återstår är att göra om framen till HTML som renderas korrekt i Outlook och i mörkt läge, och att bestämma var nästa person ska redigera mejlet.

Verktygen har två angreppssätt. Några är plugins för Figma, där du designar i deras komponentsystem i Figma och sedan exporterar. Andra importerar framen från Figma och flyttar redigeringen till en annan app. Den här guiden jämför fyra alternativ utifrån det valet.

## Det viktigaste i korthet

- Kontrollera om ett verktyg konverterar vilken frame som helst eller bara frames som är byggda av dess egna komponenter. Emailify kräver sina komponenter. Brew och Email Love kan utgå från dina egna lager.
- Bestäm var redigeringen ska ske härnäst. Plugins behåller den i Figma. Brew flyttar den till en canvas för mejl där en marknadsförare kan ändra text och länkar utan Figma.
- Kontrollera alla länkar efter importen. Länkkopplingar som finns i Figma kan bevaras; länkar som saknar mål behöver fortfarande riktiga URL:er.
- Designa i bredder som passar mejl. Brew rekommenderar i sin dokumentation frames som är 600–700 px breda.

## Det här jämförde vi

Vi gick igenom varje leverantörs egna sidor den 28 september 2026 utifrån fyra kriterier:

1. Indata: vilken frame som helst från Figma, eller bara frames som är byggda med verktygets komponenter.
2. Var du redigerar efter konverteringen.
3. Utdataformat och exportmål.
4. Publicerade priser.

## Översikt över alternativen

| Verktyg | Utgår från | Redigera efteråt i | Utdata och mål | Priser |
| --- | --- | --- | --- | --- |
| Brew | Vilken frame-URL som helst med ett `node-id` | Canvasen i Brew, för hand eller med prompt | HTML eller JSX; skicka från Brew, exportera mallar till e-postplattformar som stöds, kopiera eller ladda ned HTML | Planen Free; Growth 99 US$/mån |
| Email Love | Dina lager i Figma eller dess 100+ komponenter | Figma | MJML till HTML; export via API till 24 plattformar, filexport till andra | Gratis (5 exporter/mån); Starter 19 US$/användare/mån |
| Emailify | Bara Emailify-komponenter | Figma | Responsiv HTML; exporterar till 40+ ESP:er | Pro 49 US$/mån |
| Stripo | HTML- eller MJML-filer, inte direkt från Figma | Stripos editor med dra och släpp | Exporterar till ESP:er eller som HTML | Gratis; Basic 20 US$/mån |

## Brew

Brew ansluter till Figma via OAuth. Du klistrar in en frame-URL i chatten, och Brew konverterar framen till ett mejl. Använd Copy link to selection i Figma så att URL:en innehåller det `node-id` som Brew behöver. Importen utgår från framen du markerar. Granska behörigheterna som visas när du godkänner anslutningen.

Enligt [dokumentationen om import från Figma](https://docs.brew.new/integrations/import/figma) behåller konverteringen typografi, färgvärden, layoutstruktur och text. Den är deterministisk och använder ingen AI-modell, så om du importerar samma frame två gånger blir resultatet detsamma. Konverteringen är gratis.

Hyperlänkar på text i Figma följer med. Knappar utan en kopplad URL pekar på `#`. Brew returnerar ett `warningCount` som omfattar de saknade länkarna, tillsammans med andra delar av framen som inte kunde konverteras exakt. Åtgärda dem före det första testutskicket.

Efter importen är framen ett vanligt mejl i Brew. Du kan redigera det för hand eller med en prompt, spara det som en mall, använda det som referensmejl för framtida genereringar och generera varianter utifrån det. Du kan skicka det från din verifierade domän eller exportera det. [Så gör du befintliga designer till varumärkesenliga mejl](/sv/blog/import-existing-email-designs-ai) tar också upp import från HTML och skärmbilder.

Brew passar team där designteamet äger layouten i Figma men marknadsförarna behöver ändra mejlet utan att öppna Figma.

## Email Love

[Email Love](https://emaillove.com/figma-plugin) analyserar dina lager i Figma och konverterar dem till MJML, som blir HTML som fungerar i e-postklienter. Du kan använda pluginets 100+ komponenter eller designa med Figmas egna verktyg. Planen Growth lägger till AI Studio, som genererar mallar utifrån en brief med hjälp av ditt designsystem i Figma.

Email Love har direkta API-integrationer med 24 plattformar, bland annat Salesforce Marketing Cloud, Braze, Iterable, HubSpot, Klaviyo, Marketo och Customer.io, och filexport till Loops, Shopify och andra. Gratisnivån omfattar 5 exporter i månaden. Starter kostar 19 US$ per användare och månad, Growth 59 US$, och Professional faktureras årsvis med minst tre användare.

Email Love passar designteam som vill att Figma ska förbli det enda stället där någon redigerar mejlet.

## Emailify

[Emailify](https://www.hypermatic.com/emailify/) är Hypermatics plugin för Figma. Det levereras med 500+ komponenter och 20+ mallar och exporterar responsiv HTML till 40+ e-postplattformar, bland annat Mailchimp, Klaviyo, HubSpot, Salesforce, SendGrid och Braze. En AI Designer, i betaversion, bygger mejl utifrån en brief med hjälp av godkända komponentbibliotek.

Emailify exporterar bara mejl som är byggda med Emailify-komponenter, så befintliga designer i Figma måste först byggas om med de komponenterna. För ett team som bygger ett nytt designsystem för mejl kan det vara en fördel, eftersom komponenterna redan fungerar i e-postklienter. För ett team med ett bibliotek av färdiga frames blir det extra arbete. Emailify Pro kostar 49 US$ i månaden eller 499 US$ om året.

## Stripo

[Stripo](https://stripo.email/pricing/) importerar inte frames från Figma direkt. Det importerar HTML- och MJML-filer, och Emailify kan exportera till Stripo via API. När designen väl finns i Stripo redigerar du den i en editor med dra och släpp, med en AI Assistant och ett Brand Kit, och exporterar sedan till en ESP eller som HTML. Planerna är Free, Basic för 20 US$ i månaden, Medium för 45 US$ och Pro för 125 US$, med månatliga exportgränser som ökar med planen.

Stripo passar team där mallarna sköts i en visuell editor av andra än designteamet, som bara lämnar över något då och då.

## Vilket verktyg passar ditt team

| Ditt upplägg | Börja med |
| --- | --- |
| Färdiga frames i Figma, marknadsförare redigerar texten senare | Brew |
| Figma förblir det enda stället att redigera, många ESP:er | Email Love |
| Bygger ett nytt designsystem för mejl i Figma | Emailify |
| Marknadsförare underhåller mallar i en visuell editor | Stripo, med HTML eller Emailify som källa |

## Så får du en frame från Figma att renderas bra i mejl

Vilket verktyg du än väljer gäller samma designregler:

- Designa i bredder som passar mejl. Brew rekommenderar i sin dokumentation frames som är 600–700 px breda.
- Använd typsnitt med reservtypsnitt som fungerar i e-postklienter. Webbtypsnitt laddas inte i alla klienter.
- Platta till komplexa effekter som oskärpa, masker och överlappande lager till bilder, eller räkna med att de ändras vid konverteringen.
- Ge varje knapp en riktig URL efter importen.
- Skicka ett testmejl och kontrollera det i Gmail, Apple Mail och Outlook, i ljust och mörkt läge. Verktyget `test_email_rendering` i Brew och liknande förhandsvisningar hjälper till. Kontrollera också den slutliga versionen i en riktig inkorg.

## Vanliga frågor

### Kan jag konvertera vilken frame som helst från Figma till ett HTML-mejl?

Med Brew och Email Love kan du utgå från dina egna frames. Med Emailify måste designen använda Emailify-komponenter. I alla verktyg blir resultatet bäst när framen följer begränsningarna för mejl: en kolumn eller enkla kolumner, standardbredder och inga effekter som e-postklienter inte kan rendera.

### Kommer mejlet att se exakt likadant ut som framen i Figma?

Det blir snarlikt, men inte identiskt i alla inkorgar. E-postklienter renderar layouter på olika sätt, och mörkt läge kan ändra färgerna. Se konverteringen som en utgångspunkt och granska resultatet i riktiga klienter.

### Håller Brew min Figma-fil synkroniserad?

Brew importerar framen som du delar, så som den ser ut just då. Dokumentationen beskriver ingen synkronisering i realtid. Om designen ändras i Figma importerar du framen igen eller redigerar mejlet i Brew.

### Kan jag få ut ren HTML ur de här verktygen?

Ja. I Brew kan du kopiera eller ladda ned HTML, Email Love exporterar HTML eller MJML, Emailify exporterar HTML och Stripo exporterar HTML.

## Nästa steg

Vill du prova med en riktig frame? [Anslut Figma i Brew](/sv/browse/integrations/figma), klistra in en frame-URL och kontrollera de importerade länkarna före ditt första testutskick.