If you’re looking for how to customise the outer email background color that appears around the outside of your email body, you can set this by changing your Figma page background, which will be used as your email body background color in any HTML exports from Emailify.

​
Setting a solid background color on any of your layout layers

To set a solid background color on any layout elements in your email design, you can click on the layer in Figma and then add (by clicking the + icon next to the Fill panel in the layer’s Figma properties) and set the Solid fill for that layer, which will be applied as a CSS background color when your email is exported to HTML from the plugin.

​
Setting a gradient background on a Row, Hero or Wrapper layer

To set a gradient background on any Row, Hero or Wrapper layout elements in your email design, you can click on the layer in Figma and then add (by clicking the + icon next to the Fill panel in the layer’s Figma properties) and set the Gradient fill for that layer, which will be applied as a background image (not a CSS gradient, which has limited support across email clients) when your email is exported to HTML from the plugin.

Please note, gradient backgrounds are rendered as background images, which are only supported on any Row, Hero or Wrapper layer, and will not work on Column layers.

Was this page helpful?

Optimizing for File SizeBackground Images