# Nejlepší nástroje na HTML e-maily z aplikace Figma: srovnání

Kanonická URL: https://brew.new/cs/blog/best-html-email-builders-for-figma-users-import-editing-and-export-compared
Autor: Brew Team
Publikováno: 2026-09-10
Aktualizováno: 2026-09-29

Toto srovnání zveřejňuje Brew. Odkazovanou dokumentaci produktů jsme prošli 28. září 2026. Jde o rozbor dokumentace, ne o tvrzení, že jsme každou platformu prakticky vyzkoušeli. Aktuální limity tarifů si ověř v ceníku výrobce.

Designér v aplikaci Figma dokončí frame e-mailu s produktovými novinkami a tým ho ještě to odpoledne schválí. Vyexportované HTML vypadá v prohlížeči dobře, ale v testu v aplikaci Outlook se oba sloupce rozpadnou. O týden později chce marketér změnit jeden nadpis a musí čekat, až designér znovu otevře aplikaci Figma.

Když se navrhuje v aplikaci Figma, e-mail existuje dřív, než kdokoli otevře ESP. Zbývá z framu udělat HTML, které se správně zobrazí v aplikaci Outlook i v tmavém režimu, a rozhodnout, kde ho bude upravovat další člověk.

Nástroje k tomu přistupují dvěma způsoby. Některé jsou pluginy pro aplikaci Figma: navrhuješ v jejich systému komponent přímo v aplikaci Figma a pak exportuješ. Jiné frame z aplikace Figma naimportují a úpravy přesunou do jiné aplikace. Tento průvodce porovnává čtyři možnosti právě z pohledu této volby.

## Hlavní body

- Ověř si, jestli nástroj převede jakýkoli frame, nebo jen framy postavené z jeho vlastních komponent. Emailify své komponenty vyžaduje. Brew a Email Love umí vycházet z tvých vlastních vrstev.
- Rozhodni, kde se budou dělat další úpravy. U pluginů zůstávají v aplikaci Figma. Brew je přesouvá na plátno pro e-maily, kde marketér změní texty i odkazy bez aplikace Figma.
- Po importu zkontroluj všechny odkazy. Odkazy, které jsou v aplikaci Figma přiřazené, se dají zachovat; kde cíl chybí, je potřeba doplnit skutečnou URL.
- Navrhuj v šířkách pro e-maily. Dokumentace Brew doporučuje framy široké 600 až 700 px.

## Co jsme porovnávali

Stránky jednotlivých výrobců jsme 28. září 2026 prošli podle čtyř kritérií:

1. Vstup: jakýkoli frame z aplikace Figma, nebo jen framy postavené z komponent daného nástroje.
2. Kde e-mail po převodu upravuješ.
3. Výstupní formáty a cíle exportu.
4. Zveřejněné ceny.

## V kostce

| Nástroj | Vstup | Kde se dál upravuje | Výstup a cíle exportu | Ceny |
| --- | --- | --- | --- | --- |
| Brew | Jakákoli URL framu s parametrem `node-id` | Plátno Brew, ručně nebo promptem | HTML nebo JSX; odeslání z Brew, export šablon do podporovaných e-mailových platforem, kopírování nebo stažení HTML | Tarif Free; Growth 99 US$/měsíc |
| Email Love | Tvoje vrstvy v aplikaci Figma nebo jeho více než 100 komponent | Aplikace Figma | MJML převedené na HTML; export přes API do 24 platforem, export souborů pro ostatní | Free (5 exportů měsíčně); Starter 19 US$ za uživatele měsíčně |
| Emailify | Jen komponenty Emailify | Aplikace Figma | Responzivní HTML; export do více než 40 ESP | Pro 49 US$/měsíc |
| Stripo | Soubory HTML nebo MJML, ne přímo Figma | Drag-and-drop editor Stripo | Export do ESP nebo jako HTML | Free; Basic 20 US$/měsíc |

## Brew

Brew se k aplikaci Figma připojuje přes OAuth. Vložíš URL framu do chatu a Brew z tohoto framu udělá e-mail. V aplikaci Figma použij „Copy link to selection“, aby URL obsahovala `node-id`, který Brew potřebuje. Import začíná od framu, který vybereš. Při autorizaci připojení si projdi oprávnění, která se zobrazí.

Podle [dokumentace k importu z aplikace Figma](https://docs.brew.new/integrations/import/figma) převod zachová typografii, hodnoty barev, strukturu rozvržení i text. Je deterministický a nepoužívá žádný AI model, takže když stejný frame naimportuješ dvakrát, dostaneš stejný výsledek. Převod je zdarma.

Hypertextové odkazy v textu z aplikace Figma zůstanou zachované. Tlačítka bez přiřazené URL vedou na `#`. Brew vrací `warningCount`, který zahrnuje tyto chybějící odkazy i další části framu, které se nepodařilo převést přesně. Oprav je ještě před prvním testovacím odesláním.

Po importu je z framu běžný e-mail v Brew. Můžeš ho upravovat ručně nebo promptem, uložit jako šablonu, označit jako referenční pro další generování a vytvářet z něj varianty. Odeslat ho můžeš z ověřené domény, nebo ho vyexportovat. Článek [Jak ze stávajících návrhů udělat e-maily v duchu značky](/cs/blog/import-existing-email-designs-ai) popisuje i import z HTML a ze snímku obrazovky.

Brew se hodí pro týmy, kde rozvržení v aplikaci Figma mají na starosti designéři, ale marketéři potřebují e-mail měnit, aniž by aplikaci Figma otevírali.

## Email Love

[Email Love](https://emaillove.com/figma-plugin) analyzuje tvoje vrstvy v aplikaci Figma a převede je do MJML, ze kterého vznikne HTML bezpečné pro e-maily. Můžeš použít jeho více než 100 komponent, nebo navrhovat vestavěnými nástroji aplikace Figma. Tarif Growth přidává AI Studio, které generuje šablony z briefu podle tvého designového systému v aplikaci Figma.

Email Love se přes API přímo napojuje na 24 platforem, mezi nimi Salesforce Marketing Cloud, Braze, Iterable, HubSpot, Klaviyo, Marketo a Customer.io, a pro Loops, Shopify a další nabízí export souborů. Bezplatná úroveň zahrnuje 5 exportů měsíčně. Starter stojí 19 US$ za uživatele měsíčně, Growth 59 US$ a Professional se účtuje ročně s minimem tří uživatelů.

Email Love se hodí pro designové týmy, které chtějí, aby aplikace Figma zůstala jediným místem, kde kdokoli e-mail upravuje.

## Emailify

[Emailify](https://www.hypermatic.com/emailify/) je plugin pro aplikaci Figma od společnosti Hypermatic. Obsahuje víc než 500 komponent a víc než 20 šablon a responzivní HTML exportuje do více než 40 e-mailových platforem, mezi nimi Mailchimp, Klaviyo, HubSpot, Salesforce, SendGrid a Braze. Funkce AI Designer, zatím v betaverzi, sestavuje e-maily z briefu pomocí schválených knihoven komponent.

Emailify exportuje jen e-maily postavené z komponent Emailify, takže stávající návrhy v aplikaci Figma je potřeba z těchto komponent nejdřív přestavět. Pro tým, který zakládá nový e-mailový systém, to může být výhoda, protože komponenty jsou už bezpečné pro e-maily. Pro tým s knihovnou hotových framů je to práce navíc. Emailify Pro stojí 49 US$ měsíčně, nebo 499 US$ ročně.

## Stripo

[Stripo](https://stripo.email/pricing/) framy z aplikace Figma přímo neimportuje. Importuje soubory HTML a MJML a Emailify do něj umí exportovat přes jeho API. Jakmile je návrh ve Stripo, upravuješ ho v drag-and-drop editoru s funkcemi AI Assistant a Brand Kit a pak ho vyexportuješ do ESP nebo jako HTML. Tarify jsou Free, Basic za 20 US$ měsíčně, Medium za 45 US$ a Pro za 125 US$, s měsíčními limity exportů, které s vyšším tarifem rostou.

Stripo se hodí pro týmy, kde šablony ve vizuálním editoru spravují lidé, kteří nejsou designéři, a designéři jim práci předávají jen občas.

## Co se hodí pro tvůj tým

| Tvoje situace | Začni s |
| --- | --- |
| Hotové framy v aplikaci Figma, texty později upravují marketéři | Brew |
| Aplikace Figma zůstává jediným místem pro úpravy, hodně ESP | Email Love |
| Zakládáš nový designový systém e-mailů v aplikaci Figma | Emailify |
| Šablony spravují marketéři ve vizuálním editoru | Stripo, do kterého přichází HTML nebo export z Emailify |

## Aby se frame z aplikace Figma v e-mailu zobrazil dobře

Ať zvolíš kterýkoli nástroj, platí stejná pravidla pro design:

- Navrhuj v šířkách pro e-maily. Dokumentace Brew doporučuje framy široké 600 až 700 px.
- Používej písma, která mají záložní varianty bezpečné pro e-maily. Webová písma se nenačtou v každém klientovi.
- Složité efekty, jako jsou rozostření, masky a překrývající se vrstvy, nahraď obrázky, jinak počítej s tím, že se při převodu změní.
- Po importu dej každému tlačítku skutečnou URL.
- Pošli si test a zkontroluj ho v klientech Gmail, Apple Mail a Outlook ve světlém i tmavém režimu. Pomůže nástroj `test_email_rendering` v Brew a podobné náhledy. Finální verzi zkontroluj i ve skutečné schránce.

## Časté dotazy

### Můžu na HTML e-mail převést jakýkoli frame z aplikace Figma?

S Brew a Email Love můžeš vyjít z vlastních framů. U Emailify musí návrh používat komponenty Emailify. Ve všech nástrojích dopadne výsledek nejlépe, když frame respektuje omezení e-mailů: jeden sloupec nebo jednoduché sloupce, standardní šířky a žádné efekty, které e-mailoví klienti neumí vykreslit.

### Bude e-mail vypadat přesně jako frame v aplikaci Figma?

Bude se mu blížit, ale v každé schránce nebude úplně stejný. E-mailoví klienti vykreslují rozvržení různě a tmavý režim může změnit barvy. Ber převod jako výchozí bod a zkontroluj ho ve skutečných klientech.

### Synchronizuje Brew průběžně můj soubor v aplikaci Figma?

Brew naimportuje frame, který sdílíš, tak, jak v tu chvíli vypadá. Dokumentace průběžnou synchronizaci nepopisuje. Pokud se návrh v aplikaci Figma změní, naimportuj frame znovu, nebo e-mail uprav v Brew.

### Dostanu z těchto nástrojů čisté HTML?

Ano. Brew umožňuje HTML zkopírovat nebo stáhnout, Email Love exportuje HTML nebo MJML, Emailify exportuje HTML a Stripo také exportuje HTML.

## Další krok

Chceš to vyzkoušet na skutečném framu? [Připoj v Brew aplikaci Figma](/cs/browse/integrations/figma), vlož URL jednoho framu a před prvním testovacím odesláním zkontroluj naimportované odkazy.