Designing Emails in Klaviyo Editor

Demo summary
Shows the process of uploading designs from Figma, using the drag-and-drop editor, and creating text-based native emails.
Step-by-step
- Upload your designs or screenshots from Figma into Klaviyo
- Drag and drop images into the editor to build the layout
- Add links to your images
- Input your subject lines
- Create text-based native emails to mimic a standard Gmail look
Options
- Use full design images for creative freedom
- Create clean, text-based native emails instead of image-heavy designs
Tips
- Don't overthink the design process
- Use text-based emails to make the message look like a personal email from Gmail
Highlights
“it's super clean and that's the easiest thing to do”
All demos from “Klaviyo Email Marketing Flows Tutorial for 2026 (FULL SETUP)”
3:113:05Setting up a Welcome Flow in KlaviyoDemonstrates how to create a welcome flow from scratch, selecting a list trigger and adding time delays between initial emails.Klaviyo· Build a welcome / drip automation
11:042:38Designing Emails in Klaviyo EditorCurrentShows the process of uploading designs from Figma, using the drag-and-drop editor, and creating text-based native emails.Klaviyo· Design a newsletter / email (drag-and-drop editor)
18:434:51Setting up Browse Abandonment FlowWalks through setting up the 'Viewed Product' metric trigger and adding flow filters to target users who haven't started a checkout.Klaviyo· Trigger emails from behavior / events
29:253:01Configuring Abandoned Cart TriggersDemonstrates how to use the 'Started Checkout' event and dynamic product blocks to show items left in the cart.Klaviyo· Set up an abandoned-cart flow (ecommerce)
36:322:57Building Post-Purchase Upsell FlowsShows how to trigger a flow based on 'Placed Order' and use conditional splits to differentiate between first-time and repeat buyers.Klaviyo· Set up a post-purchase / win-back flow
43:033:41Creating Win-Back SegmentsDemonstrates creating a segment-based trigger for customers who haven't purchased in a specific timeframe (e.g., 90 days).Klaviyo· Segment the list- Watch “Klaviyo Email Marketing Flows Tutorial for 2026 (FULL SETUP)” →
Design a newsletter / email (drag-and-drop editor)
1:280:36Generate email subject lines with AIShows how to use Klaviyo's subject line AI to generate and select optimized subject lines based on campaign context.Klaviyo
2:041:27Draft email content with AIDemonstrates using the 'draft email content' AI button to generate full email layouts and copy from a text prompt, including section-specific AI generation.Klaviyo
5:332:01Designing Email Templates with Drag-and-DropWalks through the visual editor using sections and blocks, highlighting universal content for brand consistency and dynamic tables for personalized data rendering.Business Solution
11:042:38Designing Emails in Klaviyo EditorCurrentShows the process of uploading designs from Figma, using the drag-and-drop editor, and creating text-based native emails.Max Sturtevant
8:162:24Design an email campaign using images and text blocksThe creator shows how to import design assets from Figma into Klaviyo's drag-and-drop editor, alternating between image slices and text blocks for better deliverability.Walshy Mails | Sunlo Consulting
1:040:22Using Smart Translations in KlaviyoDemonstrates how to use the Smart Translations feature to build a message, select supported languages, and automatically generate localized versions based on Shopify locale data.Klaviyo
1:290:15Conditional content blocks based on localeShows how to use locale data to show or hide specific blocks within an email for regional promotions or shipping notes.Klaviyo
0:181:53Using Commerce7 product blocks in KlaviyoThe demo shows how to drag product blocks into a Klaviyo template and use dynamic product feeds to automatically pull in wine products (vintage, varietal, etc.) from Commerce7.Digimatic
10:372:14Designing emails in Klaviyo's editorWalks through using the drag-and-drop editor to replace images, add product sections, and integrate social links into a template.Max Sturtevant
6:56:045:55Upload custom Figma designs to KlaviyoWalks through slicing a design in Figma, compressing images, and rebuilding the layout in Klaviyo using image blocks and tables for social icons.Max Sturtevant
14:451:55Setting up the Klaviyo Brand LibraryUploading logos, selecting brand colors, and importing Google Fonts for consistent email styling.Emiel Dingemans from Magicianly | Email Marketing
2:34:4411:34Importing Custom Designs into KlaviyoDemonstration of taking sliced images from Figma, compressing them, and assembling them into a responsive email within the Klaviyo editor.Emiel Dingemans from Magicianly | Email Marketing
Klaviyo