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.
Setting a solid background color on text layers โ
To set a solid background color on text layers in your email design by selecting a Figma text layer in your email while the Settings panel is open, pasting in your hex color value (eg. #FFFBA8
) into the Text Background Color input field. This will automatically add a solid background color behind that text content in your HTML email.