Skip to content

Adding background colors to your layout layers

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.