Sometimes you just want that special touch to an email that only Figma can give you. We get it! That’s why we support a free plugin, Emailify, that helps you create a beautiful email in Figma then export it into Loops.

Here’s how to do it.

Step 1

Download the free Emailify plugin and launch it. You will see this screen first.

Step 2

Add preset blocks and customize them! Emailify makes it really easy.

Step 3

When you’re happy with the design, make these few changes to prep your email for Loops:

  1. Remove the “View link in browser” in the footer as Loops does not support that function (yet).
  2. Edit the “Unsubscribe” link to use the Loops merge tag {unsubscribe_link} - more info about merge tag usage is here: @Personalizing your emails with merge tags

Loops will automatically download and host all of your email images so they can be reliably displayed to your audience. This feature results in an odd quirk that you should be aware of:

Any text in your email that matches the path to one of your images will be replaced with the new path provided by loops.

For example: img/myImage.jpgwill be replaced with something like: https://something.com/lkjn98s08hbAF/img/lkwekHBlhk78kasj.jpg

For most situations this won’t be an issue, only text that exactly matches the path to one of your images will be replaced.

Step 4

After you’ve completed the previous step (which is very important!), go ahead and hit Export

Then click “HTML” and select “MJML” and click “Export to MJML”

That’s it! Download your .zip file and you’re all set to upload to Loops.

Step 5

Click the Import icon in the on the Compose page

Drag and drop the .zip you downloaded and click “Upload”

That’s it!