Upload custom Figma designs to Klaviyo

Step-by-step

1. Use the Slice tool in Figma to divide the design into sections, ensuring each clickable element is its own slice.
2. Export slices as 2x JPEGs.
3. Upload the exported images to a compression tool like iloveimg.com to reduce file size.
4. In Klaviyo, create a new campaign and select the Drag and Drop editor with a blank template.
5. Delete all default blocks except for the unsubscribe footer.
6. Drag Image blocks into the template and upload the compressed slices in order.
7. Drag a Table block into the template to handle rows with multiple side-by-side elements like social icons.
8. Change the Table cell content settings from text to image for each social icon.

Options

• Export as 2x resolution for higher quality.
• Toggle 'Skip recently sent profiles' during campaign setup.

Watch out for

• Each image file can only contain one link; buttons must be sliced as separate images from the background.
• Image sections must not be too large or they will cause slow loading times in the recipient's inbox.

Tips

• Compress images to significantly save space (e.g., reducing 1.72 MB to 327 KB) to protect deliverability.
• Duplicate image blocks in Klaviyo to quickly create placeholders for all your slices.
• Check the mobile view in Klaviyo to ensure the sliced layout remains aligned.

Highlights

“all we have to do to slice it's super easy you just go up here and there's a slice feature just ready for you”