Generate Emails with AI Studio

AI Studio is a tab within the Email Love Figma plugin that uses AI to automatically generate complete email templates from campaign briefs. You provide a brief — either by uploading a file or pulling one from Asana — and AI Studio assembles a full, editable email template on your Figma canvas using your brand's design system components.

The result is a production-ready Email Love frame that you can edit, customize, and export using all the standard plugin tools.

Requirements

AI Studio is available exclusively to Pro subscribers. If you're not yet subscribed, you'll see a prompt to upgrade when you open the AI Studio tab.

Before generating your first email, you'll also need a synced design system with components uploaded. See Creating and Managing Design Systems for setup instructions.

How AI Studio Works

The generation process follows three steps:

Set up a design system — Upload your brand's email components (headers, footers, hero sections, body blocks, etc.) into organized asset folders

Sync the design system — Process and index your components so AI Studio can use them

Provide a campaign brief — Upload a file or connect to Asana, and AI Studio generates a complete email template

AI Studio intelligently selects and combines the right components from your design system based on the content and structure described in your brief.

Generating an Email from a File Upload

Supported File Formats

AI Studio accepts campaign briefs in the following formats:

.csv

.xlsx (Excel)

.doc / .docx (Word)

.pdf

Steps

Open the AI Studio tab in the plugin sidebar

Select a synced design system from the dropdown

Click the upload box and select your campaign brief file

Click Generate Template

A confirmation modal will show your selected design system and file name — confirm to proceed

A progress bar will display real-time status updates as the email is generated (e.g., "Pulling in your copy", "Uploading images")

Generation typically takes 5–10 minutes depending on the complexity of the brief

You can cancel the generation at any time if needed

On success, the generated email template appears directly on your Figma canvas

The generated template is a fully editable Email Love frame — you can modify text, swap images, adjust properties, apply mobile styles, and export it to any supported ESP.

Generating an Email from Asana

Instead of uploading a file, you can pull campaign briefs directly from Asana tasks.

Connecting Your Asana Account

On the AI Studio home page, select Asana from the project management tool dropdown

Click Connect

An OAuth authorization flow will open in your browser

Authorize the Email Love plugin to access your Asana account

Once connected, the plugin will show your connection status

Selecting a Campaign Brief from Asana

Choose a workspace from your Asana account

Choose a project within that workspace

Choose a task — this is the campaign brief that AI Studio will use

Select a synced design system to use for the template

Click Generate from Task

A confirmation modal will show all your selections — confirm to proceed

The generation process is the same as file upload, with real-time progress updates via the progress bar

Disconnecting Asana

You can disconnect your Asana account at any time:

On the AI Studio home page, click the Disconnect button next to your Asana connection

Confirm the disconnection in the modal

You can always reconnect later by following the connection steps above.

After Generation

Once AI Studio finishes generating your email:

A success screen confirms the email has been created

The template is placed directly on your Figma canvas as a standard Email Love frame

You can edit the template using all the standard Email Love tools:

Modify text, images, buttons, and links

Adjust component properties in the plugin

Apply mobile-specific styles

Export to any supported ESP (Klaviyo, Braze, Iterable, OneSignal, etc.)

Sync to Composa for team editing

The generated email is yours to customize — AI Studio gives you a head start, not a locked template.

Tips for Better Results

Write detailed campaign briefs — The more detail you provide about the email's purpose, audience, tone, sections, and content, the better the generated template will match your expectations.

Organize your design system well — Clear asset folders (Headers, Footers, Hero Sections, Body Content, CTAs) help AI Studio select the right components for each part of the email.

Keep your design system current — If you've updated component designs in Figma, re-upload and re-sync before generating.

Use the generated email as a starting point — AI Studio produces a strong first draft. Review the output and fine-tune copy, images, and layout as needed.

Try different briefs — Experiment with varying levels of detail in your briefs to find the sweet spot for your workflow.

Troubleshooting

"No synced design system" error: Make sure you've uploaded components to your design system and synced it before attempting to generate. See Creating and Managing Design Systems.

Generation takes longer than expected: Complex briefs with many sections or images can take up to 10 minutes. The progress bar shows real-time updates so you know it's still working. You can cancel and retry if needed.

Generated email doesn't match expectations: Try providing a more detailed campaign brief with specific section descriptions, content, and structure. Also check that your design system has enough variety of components for AI Studio to work with.

Asana connection fails: Make sure you have the right permissions in your Asana workspace. Try disconnecting and reconnecting if the OAuth flow didn't complete properly.

File upload rejected: Check that your file is one of the supported formats: .csv, .xlsx, .doc, .docx, or .pdf. Corrupted or password-protected files may not upload successfully.

Template appears on canvas but looks incomplete: The generation may have encountered issues with certain sections. Review the output and manually add any missing components from your design system.

Need Help?

If you have questions about AI Studio, reach out to us at support@emaillove.com. We're happy to walk you through the setup or troubleshoot any issues.

Creating and Managing Design Systems — How to set up and manage the design systems that power AI Studio

Pre-Built Email Components — Browse available components to include in your design system

Export Overview — Export your AI-generated emails to any supported ESP