Key Takeaway
The software you design in matters far less than how you hand off the file. Most teams lose their week in the gap between a beautiful mockup and a sendable template. Fix the handoff and designing emails gets fast, even if you never open a design tool.
The Question Everyone Asks and the One That Actually Matters
Every week someone asks the same thing. Is it better to build inside the email service provider or design in Figma first?
That is the wrong question.
The real question is this. Who owns the last mile and what do they need to finish the job without asking you five more times? Teams that answer this ship campaigns in hours. Teams that skip it ship in days.
I have watched small shops wrestle with this for years. The pattern barely changes.
What a Figma-First Workflow Really Costs
Designing emails in a visual tool gives you control. Spacing is exact. The client approves a picture that looks right.
Then the export happens. And the trouble starts.
A static design cannot tell the builder what is a button. It cannot say which text should be editable.
That translation is where the hours vanish. On a complex campaign with two product blocks and a footer, rebuilding from a mockup can eat two to three hours. Do that four times a month and you have lost a full working day to copy-paste.
A simple fix for the handoff
Name every layer in the design file the way the builder sees it. Call the button “btn-primary”. Call the editable paragraph “body-copy”. A builder can scan a clean layer list in seconds. A messy one named “Rectangle 47 copy” forces guesswork.
Lesson One: Design the System Before You Design the Email
Reusable modules beat one-off masterpieces. Build a library of blocks you use over and over. A header, a product card, a text block, a footer.
When those blocks are locked, a new campaign is just assembly. You drag what you need and fill in the copy. The layout work was done months ago.
This is the part people skip. They treat every send like a fresh canvas. Then they wonder why every send takes a full afternoon.
Lesson Two: Let the builder own the last mile
If the person sending the campaign has to ping you to change a headline, your process is broken. Give them editable fields. Keep images and structure locked so the brand holds. Everything else should be theirs to touch.
Freedom at the edge, control at the core. That mix removes most back-and-forth.
Lesson Three: Test in the Ugly Inbox, Not the Pretty One
Your design looks perfect in Gmail on a modern phone. It also has to survive dark mode and Outlook’s ancient rendering engine.
Build a test list of the worst-case clients your audience actually uses. Send one version there first. Finding a broken layout before send takes ten minutes. Finding it after send costs you a resend and a dent in trust.
Lesson Four: Watch the ratio, not the pixels
An email that is one giant image is invisible to anyone with images turned off. Some inboxes load that way by default. Keep your text-to-image balance sane so the message still lands when the pictures do not.
A rough guide: if you cannot read the offer with images off, you have too much picture and not enough words.
The Workflow That Actually Holds Up
Here is the flow I keep coming back to after testing the alternatives.
- Sketch the layout on paper or in a light mockup. Cheap and fast.
- Build the real template directly in the sending platform using saved modules.
- Hand it to the sender with editable text and locked structure.
- Run a test send to the ugly inbox list before anything goes out.
Notice what is missing. There is no final rebuild step. The design and the build happen in the same place, once.
For a brand with a real design team and strict visual rules, a Figma pass still earns its place. Use it for approval and for the module library. Then let the build live where it sends.
Where Most Teams Get Stuck
They chase a perfect tool. They switch platforms hoping the pain will stop.
The pain follows them, because the handoff is the real issue.
Fix the naming and build the modules. Two habits, each taking an afternoon to set up. Together they can cut a campaign build from a day down to an hour.
What to Do This Week
Open your last five campaigns. Count the time each one took from first sketch to final send.
Then pick your three most-used blocks and turn them into saved, locked modules. Name every field the way your sender thinks. That single change pays off on the very next send.
Stop asking which tool is best. Answer that and designing emails stops being a weekly fight.