Building Email Campaigns from Figma Designs with AI
Lukas Margeriego watch the original →
the gist
Use ChatGPT with Omnisend and Figma MCPs to convert design frames into live email campaigns, remixing sections and injecting Shopify product data via voice-controlled prompts.
Figma to Email Workflow
The author demonstrates a workflow for converting static Figma email design frames into functional Omnisend campaigns. By installing the Omnisend and Figma Model Context Protocol (MCP) plugins within the ChatGPT desktop application, the AI can inspect Figma project frames to replicate typography, colors, and layout structure directly into the Omnisend campaign editor.
Remixing and Brand Integration
Users can refine the generated templates by providing a reference image of their brand identity, including specific fonts, colors, and component shapes. The author utilizes ChatGPT's voice-chat mode to annotate and rearrange sections across multiple templates, such as swapping a header section from one design with a product grid from another. Once the layout is established, the workflow connects to a Shopify store to automatically populate the campaign with real product titles and images.
Black Friday Creative Generation
To adapt campaigns for seasonal events like Black Friday, the author integrates the Higgsfield MCP to generate promotional imagery. By providing voice prompts, the AI modifies the email copy to reflect a 25% discount offer and replaces existing product images with themed graphics featuring black backgrounds and promotional overlays. The final campaign can be previewed, tested, and scheduled directly within the Omnisend dashboard, which also supports automated resending to non-openers and time-zone optimization.