![]() ![]() These options will be visible when an ✉️ Email Figma layer is selected: You can see which options are available under which context below, along with a brief description of what each element does. The options that are available in the context menu will change based on your current Figma layer selection. If you're just getting familiar with the Emailify plugin for the first time (or need a refresher), it's also highly recommended to read through the understanding the design elements section below to see which elements are available under what selection, and what each element does and relates to the others. 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. To add a new blank Emailify container frame at any time, you can click on the plus ( +) icon in the plugin header, which will prompt you to name and create another blank frame. Each container will be treated as a seperate email by the plugin. You can add as many additional Emailify container frames as you need. The first time you run the Emailify plugin on a page that doesn't contain any existing Emailify container frames, the plugin will automatically prompt you to name and create your first frame to get started. To update it from the default (#E5E5E5), you can modify the background colour of your Figma file. # Setting the outer background colourĮmailify will automatically use the background colour fill of your Figma file as the background colour around the outside of your email contents. 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.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.Adding mobile responsive design style overrides.Configuring HTML and responsive settings.Localizing your email designs with text translations.Adding platform specific personalization content.Re-ordering components with drag and drop in Figma.Editing and forking your saved custom components.Customising the design and content of your components.□ Hero and □️ Column Content Elements.Adding individual layout blocks and design elements.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |