
To add these layout blocks and content elements, ensure that you have created at least one Emailify frame, and then click on that frame to automatically reveal the context menu at the bottom of the plugin.

# Adding individual layout blocks and design elementsĮmailify allows you to build out your designs using special layout blocks and content elements that are added as layers to your Figma designs, and allows them to be exported out to HTML from the plugin. The email name that's currently shown as being selected in the Emailify plugin header drop down box always indicates which email is currently selected. Testing your HTML emails before sendingĮmailify works by creating special blank Figma container frames using the plugin, which then allows you to instantly add content components from the Emailify plugin to your Figma canvas, where you can modify the content and styles as you normally would then you can power up each component by adding responsive design overrides and URLs/alt text etc via the plugin, too.Uploading your emails to other platforms.Uploading your emails to ActiveCampaign.Built-In Emailify Platform Integrations.Opening the (optional) MJML file exports.
#Send email mjml visual studio code code
Export developer friendly MJML source code files.Add extra whitespace to the preheader text.Updating attributes and refreshing the preview window.Toggling dark mode overrides being shown in the preview.Previewing the size of your HTML in kilobytes (kb).Setting a custom base image URL for an email.Injecting global custom HTML/CSS in an email.Set a custom URL or dynamic template variable for images.Adding links to Figma text layer content areas.Adding URLs to images, buttons, social icons and navigation links.Hiding a layer from displaying on mobile or desktop.Rendering a row as an image (instead of HTML).Reversing column visual order of a row (on desktop).Adding mobile responsive design layout overrides.

