The Email Love Figma Plugin pushes your email designs straight into Airship as message templates — no copy-paste required. Save your Airship App Key and Master Secret once, click Export, and the email (plus all of its images) shows up in your Airship workspace, ready to use in a campaign or journey.
Prerequisites
Before you begin, make sure you have:
- An active Airship account
- An App Key and Master Secret for the Airship project you want to send to — see Airship's docs on App Keys & Secrets
- The Email Love Figma plugin installed
- At least one email designed in Figma using the plugin
- An Email Love Footer with an Unsubscribe link in your design (required for export)
Step 1: Open the Export Panel
- Select the email frame you want to export in Figma
- Click the Export button in the top right of the plugin
- Pick Airship from the export dropdown
The dropdown is alphabetised, so Airship sits at the top of the A–Z list of ESPs underneath the HTML, MJML, and Composa options.
Step 2: Connect Your Airship Account
The first time you export to Airship you'll see the credentials form. Fill in:
- App Key — from your Airship project settings
- Master Secret — from your Airship project settings (treat it like a password)
- Region — pick one:
- United States (
go.urbanairship.com) - Europe (
go.airship.eu)
The region must match the Airship data centre your project lives in, otherwise the credentials will fail.
- Connection Name — a friendly name for this set of credentials (e.g. "Marketing — Production"). You can save multiple Airship connections and switch between them.
- Click Save Credentials
Your credentials are encrypted and stored in the plugin so you only have to enter them once per connection. To swap to a different Airship project later, click Change credentials in the same panel.
Step 3: Export Your Email
- With Airship selected and your credentials loaded, click Export
- The plugin sends your HTML and images to the Email Love backend, which pushes the message template to Airship via the API
- On success you get a confirmation toast — your template is now live in Airship
The template's name in Airship is taken from your Figma frame name, so rename the frame before exporting if you want it to show up with a specific title.
Step 4 (Optional): Updating an Existing Template
If you've already exported this Figma frame to Airship at least once and want to push changes to the same template instead of creating a brand new one:
- In the Airship credentials panel, toggle on Update existing templates
- Click Export
The plugin remembers the Airship template ID for each Figma frame (stored as plugin data on the frame itself), so the update only works for frames that have been previously exported. If you duplicate a frame, rename it, or open the file from a fresh Figma session, the plugin treats it as a new template.
Leaving the toggle off always creates a new template in Airship.
Step 5: Use Your Template in a Campaign or Journey
- Log into Airship (or
go.airship.eufor the EU region) and open the project you exported to
- Navigate to Messages → Templates
- Find the template you just exported (it'll be at the top of the list, named after your Figma frame)
- Use it in any campaign, automation, or journey like you would any other Airship message
Editing Your Email in Airship
You can edit the template directly in Airship's message editor. For larger design changes we recommend editing in Figma and re-exporting with Update existing templates turned on, so your Figma file stays the single source of truth.
What the Plugin Does for You
- Hosts your images so they render correctly when Airship sends the email
- Inserts the unsubscribe handling — the Email Love Footer's unsubscribe link is preserved so it works with Airship's send infrastructure
- Generates responsive, deliverable HTML that renders consistently across major email clients
- Region-aware — sends to the US or EU Airship API based on what you select in the credentials panel
- Stores the connection per-credential-set — switch between multiple Airship workspaces from the same Figma file
Troubleshooting
Authentication errors / 401: Double-check the App Key and Master Secret are copied from the same Airship project, and that the Region matches the data centre your project lives in (US vs EU). Re-open Change credentials to update them.
Region mismatch: If your Airship URL starts with go.airship.eu you must select Europe. If it starts with go.urbanairship.com you must select United States. The wrong region will reject your credentials.
"Update existing templates" created a new template anyway: The toggle only updates a template the plugin previously created from this exact Figma frame. If you duplicated the frame, renamed it, or it's a brand new frame the plugin has never exported, it'll create a new template instead.
Unsubscribe link not working: Make sure your design includes an Email Love Footer with an Unsubscribe link. Without one, the plugin can't wire up the unsubscribe handling for Airship.
Template shows up but content looks broken: Re-export rather than editing the HTML directly in Airship. For ongoing changes, treat Figma as the source of truth and use Update existing templates to push updates.
Need help? Join our Discord community or reach out to our support team at hello@emaillove.com for assistance.
Related Articles
- Export Overview — Understand all export options and how the plugin converts your Figma design to HTML
- Image Hosting — How the plugin handles image hosting during export
Powered by