Hacker News new | ask | show | jobs
by kwoff 699 days ago
Oh man, we have a certain email template at work, and the marketing team wanted to redesign that email; for some reason (broken communication, things out of the blue by company who bought ours, blabla), the designer thinks it's appropriate to just give us a Figma link that has no connection with the existing template or even any HTML. As a backend dev, I have no idea what to do with it. For an email, I'd expect something that someone actually made the HTML and sent the email to test it, like with hardcoded values that I could replace with variables, logic, etc, but I can't even understand how they think the Figma design was appropriate. They might as well have sent me a watercolor painting. I got them to export HTML, but it was completely useless since it's placing everything at specific pixel positions. I have no idea how to replicate the design in the email template. Anyway, I don't blame Figma or anything, just ugh, venting...
2 comments

This is a situation where you can save a lot of pain by bringing in outside help. It's not too hard if you have experience and know the limitations. But there are a LOT of gotchas. Even a simple poor choice of words can get the email caught in a spam filter.

If you have to white-knuckle it, I strongly recommend a service like Litmus or Email on Acid. They will also provide good templates to start from and good instructional content.

Hi, you can try this plugin to get email HTML from the Figma.

https://www.figma.com/community/plugin/1305869752760258922/k...

It is algorithmic and it will try to match your Figma exactly using email specific HTML code as opposed to generative AI. Also it does not have any preconditions like Auto Layout. Just put your email in a Frame. Hopefully, it will at the least get you started. Would love to get your feedback.

Disclaimer: I work here.