Generate from Brief uses AI to read your campaign brief, match each section to a component in your saved design system, and build a complete email template in Figma — automatically. The quality of the output depends on two things: how well your design system is set up and how clearly your brief is written.
This guide walks you through both. For the basics of how AI Studio works, see Generate Emails with AI Studio.
Setting Up Your Design System
Your design system is the library of components the AI draws from. A well-organized library leads to accurate, consistent results.
Create Focused Design Systems
- Build one design system per newsletter type or brand, not one massive library for everything. For example, keep your weekly product newsletter system separate from your transactional email system.
- A focused library means fewer choices for the AI, which means more predictable output.
- If you run multiple newsletter formats, create a dedicated design system for each one.
Save One Strong Component Per Category
- For each category you plan to use (Header, Hero, Single Column, Two Column, etc.), save one well-designed component.
- Avoid saving multiple variations of the same category. If the AI sees three different Hero components, it has to guess which one you want.
- If you need variations for different campaigns, swap components in and out of your design system between runs rather than loading them all at once.
Name Components Descriptively
- Give each component a clear, specific name that reflects its purpose (e.g., "Summer Sale Hero Banner" or "Product Feature Two Column").
- Avoid generic names like "Block 1" or "Layout A." Descriptive names help the AI make better matches and help you stay organized.
Supported Categories
The plugin organizes components into these categories:
- Pre-Header — Preview text bar above the header
- Header — Logo and navigation area