Get started with Sendra

Install Sendra, select your email frame, preview it, set the basics, and make your first export.

# Get started with Sendra

Sendra turns an auto layout frame in Figma into email HTML, and this page takes you from installing it to your first export. You design in Figma as you always have, and Sendra produces HTML that email clients can show.

## Install Sendra

Sendra runs inside Figma.

1. In Figma, open the Resources panel and search for Sendra under Plugins, or install it from [Sendra on Figma Community](https://www.figma.com/community/plugin/1659319383372020095).
2. Open the design that holds your email.
3. Run Sendra from the Plugins menu. The panel opens beside your canvas.

## Select your email frame

Click anywhere on your email. Sendra takes the frame that holds it and shows the path to your click as a breadcrumb at the top of the panel, with the email's width beside it and three tabs: Preview, Customize and Properties. [Select your email frame](/select-your-email-frame/) has the rule, the breadcrumb, and the menu for picking a different frame.

:::tip[If the panel asks for auto layout]
When the panel names a frame with **needs auto layout** beside it, press Shift + A with that frame selected. Sendra takes the email the moment it is added.
:::

## Preview your email

The Preview tab shows a picture of your email. Choose **View full preview** to see it as it will arrive, at desktop and phone widths, in light and dark. [Preview your email](/preview-your-email/) covers the preview window.

## Adjust a layer

Select a layer inside the email and open the Customize tab: a link, alt text, where the layer shows, its size and spacing on phones, and its colours in dark mode. See [Customize a layer](/customize-a-layer/), [Mobile layout](/mobile-layout/) and [Dark mode](/dark-mode/).

## Set the basics

The Properties tab holds the settings that belong to the whole email.

- **Canvas background** is the colour around the email, outside its frame.
- **Preview text** is the line inboxes show after the subject line.
- **Language** tells screen readers and email clients which language the email is written in. English is the default.
- **Keep light mode** keeps your email light in the Gmail app when readers use dark mode. It's off by default.

Sendra remembers these settings for each email frame in your file.

## Export

Choose **Export** to open the export window. **Export package** downloads a zip with the HTML file and an images folder; **Copy HTML** puts the HTML on your clipboard with your images linked from the web. [Export your email](/export-your-email/) explains both, [Host your images](/host-your-images/) covers hosting, and [Send a test](/send-a-test/) covers test sends.

## Plans and your license

The free plan includes ten exports and 100 hosted images, with unlimited previews. Pro and Team include unlimited exports and hosted images; Team covers up to five people. See [Plans and limits](/plans-and-limits/) and [Activate your license](/activate-your-license/).

Sendra turns an auto layout frame in Figma into email HTML, and this page takes you from installing it to your first export. You design in Figma as you always have, and Sendra produces HTML that email clients can show.

Install Sendra

Sendra runs inside Figma.

In Figma, open the Resources panel and search for Sendra under Plugins, or install it from Sendra on Figma Community.
Open the design that holds your email.
Run Sendra from the Plugins menu. The panel opens beside your canvas.

Select your email frame

Click anywhere on your email. Sendra takes the frame that holds it and shows the path to your click as a breadcrumb at the top of the panel, with the email’s width beside it and three tabs: Preview, Customize and Properties. Select your email frame has the rule, the breadcrumb, and the menu for picking a different frame.

Preview your email

The Preview tab shows a picture of your email. Choose View full preview to see it as it will arrive, at desktop and phone widths, in light and dark. Preview your email covers the preview window.

Adjust a layer

Select a layer inside the email and open the Customize tab: a link, alt text, where the layer shows, its size and spacing on phones, and its colours in dark mode. See Customize a layer, Mobile layout and Dark mode.

Set the basics

The Properties tab holds the settings that belong to the whole email.

Canvas background is the colour around the email, outside its frame.
Preview text is the line inboxes show after the subject line.
Language tells screen readers and email clients which language the email is written in. English is the default.
Keep light mode keeps your email light in the Gmail app when readers use dark mode. It’s off by default.

Sendra remembers these settings for each email frame in your file.

Export

Choose Export to open the export window. Export package downloads a zip with the HTML file and an images folder; Copy HTML puts the HTML on your clipboard with your images linked from the web. Export your email explains both, Host your images covers hosting, and Send a test covers test sends.

Plans and your license

The free plan includes ten exports and 100 hosted images, with unlimited previews. Pro and Team include unlimited exports and hosted images; Team covers up to five people. See Plans and limits and Activate your license.