- Postmark-ready HTML
- 50,000+ users in Figma
How to Export HTML Email Templates from Figma to Postmark: Step-by-Step Guide
Convert your Figma email designs into production-ready Postmark HTML email templates. Export directly via API token or copy-paste. No coding required. Done in 5 minutes with the Marka HTML Email Generator.
Updated July 2026
Figma to Postmark email templates: export clean HTML in one click
Create professional Postmark transactional email templates directly from your Figma designs. Export clean, Postmark-ready HTML instantly with the Marka HTML Email Generator.
100% compatible with Postmark templates
Exports table-based HTML optimized for Postmark and Outlook
One-click export HTML email from Figma
Step-by-step guide
Method 1: Via API token
Marka Plugin pushes the template directly to Postmark. No copy-pasting required.
Get your Postmark server API token
In Postmark, go to Servers and open the server you want to export to. Switch to the API Tokens tab and copy an existing Server API token, or click Generate to create a new one. The token ties the export to this specific server.
Add your API token to the Marka plugin
Open the Marka plugin in Figma and select Export as Postmark. Click Add API Key and paste your server API token. The plugin saves it locally, so you only need to enter it once.
Export: Marka Email Generator pushes the template to Postmark
Click Export. Marka generates the HTML and sends the template directly to your Postmark server. You'll see a confirmation when the export is complete.
Find your template in Postmark
Your template appears in your Postmark server under Templates, ready to use right away. Send it via the email/withTemplate API endpoint using the template ID or alias.
Don't want to use an API token?
Use the copy & paste method ↓Method 2: Copy & paste HTML (no API token needed)
Export HTML from Marka and paste it directly into Postmark's template code editor.
Add Postmark variables to your Figma text layers
Type Postmark's Mustachio template syntax directly into your Figma text layers. Marka preserves them in the exported HTML:
| Variable | Description |
|---|---|
| {{name}} | Recipient name |
| {{product_name}} | Your product name |
| {{action_url}} | Primary CTA link (confirm, reset, etc.) |
| {{support_email}} | Your support email address |
| {{company_name}} | Your company name |
| {{company_address}} | Your mailing address |
| {{#each items}} … {{/each}} | Loop over items (receipts, order lines) |
Variable names are up to you. Whatever you put between {{ }} becomes a
field in the TemplateModel you pass when sending via the Postmark API.
Copy the HTML output from Marka
Select your email frame on the canvas and open the Marka plugin. In the export section, choose the Postmark option and click Copy to put the template code on your clipboard.
Create a template in Postmark
In Postmark, open your server, go to Templates, and click Add template. Choose a blank starting point, paste the HTML you copied from Marka into the code editor, add a subject line, and save.
Why export email templates from Figma to Postmark?
Postmark is built for fast, reliable transactional email, but designing templates in raw HTML is slow. Design in Figma with full creative freedom, and let Marka push the HTML to Postmark in one click.
Unlimited Design Freedom
Design any Postmark email layout in Figma: welcome emails, receipts, password resets. Your exact brand design, pixel-perfect across all email clients.
Developer-Free Workflow
Designers create in Figma, Marka pushes to Postmark. No HTML/CSS hand-coding. Ship polished transactional emails without extra development time.
90% Faster Than Hand-Coding
Export Postmark-ready HTML in 5 minutes. Update designs in Figma and re-export. No rebuilding templates from scratch.
Template Variables Preserved
Type Postmark Mustachio variables like {{name}} or {{action_url}} directly into Figma text layers. Marka preserves them in the exported HTML. No post-export editing.
Frequently asked questions
Can I export Figma designs directly to Postmark?
Yes. Use the Marka Email Generator Plugin with a Postmark server API token. Marka pushes the template directly to your Postmark server without copy-pasting. You can also export HTML manually and paste it into Postmark's template code editor.
Which Postmark API token do I need?
A server API token. In Postmark, open the server you want to export to, go to the API Tokens tab, and copy or generate a token there. Account-level tokens are not needed. The template is created on the specific server the token belongs to.
Do Postmark template variables work in Figma designs?
Yes. Type Postmark's Mustachio syntax like {{name}} or {{action_url}} directly into your Figma text layers. Marka preserves them exactly in the exported HTML, and Postmark fills them in when you send with the template.
How do I send emails with the exported template?
Use the Postmark email/withTemplate API endpoint with your TemplateId or TemplateAlias, passing the variable values in the TemplateModel object. The template also works with Postmark's official libraries for Node.js, Ruby, PHP, Python, and more.
Will emails render correctly in Outlook?
Yes. Marka generates table-based HTML with inline CSS, the only approach that renders correctly across Outlook 2007 through Microsoft 365, Gmail, Apple Mail, and all major clients.
Are templates mobile responsive?
Yes, if you use Figma Auto Layout. Marka generates responsive HTML with media queries that collapse multi-column layouts to single column on mobile automatically.
Can I use the templates for Postmark broadcast messages?
Yes. Exported templates work with both transactional and broadcast message streams. For broadcast emails, remember to include an unsubscribe link in your footer as required by Postmark's broadcast sending policy.
Resources and learning
Guides and templates to help you master Figma email exports.
Explore all Marka Plugin features
HTML email generation, design systems, template libraries, dark mode and more.
View all features →Complete guide: export HTML from Figma
Step-by-step tutorial for exporting production-ready HTML from Figma.
Read guide →Transactional email templates
Supabase auth email templates and other transactional designs ready for Postmark export.
View templates →Design Postmark emails in Figma, export in one click
Stop hand-coding Postmark email templates. Design in Figma with full creative control and export production-ready HTML to Postmark in minutes. Free to start.