If you need to add any custom code in between any elements in your ✉️ Email frame, such as platform specific template/conditional tags, you can insert a 🧑‍💻 Custom Code layer to do this. It will be added as a Figma text layer, which you can paste your custom code into, and have that rendered out as plain code when the email gets exported to HTML.

Code layers can't be nested. 🧑‍💻 Custom Code layers can only be added directly to an ✉️ Email frame as a way to inject custom code blocks between 🚣 Content Row, 🦸 Hero and 🎁 Row Wrapper layers in your email design.

Using the "Quick Add" feature to add new Emailify layers

Emailify 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.

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 Quick Add Element context menu at the bottom of the plugin, then click the desired element, and click the Add + button to add it to the selected layer.

The options that are available in the context menu will change based on your current Figma layer selection.