Figma to HTML Email Creative (Pixel-Perfect, Cross-Client Compatibility)

Upwork

Description

We are looking for a skilled and detail-oriented HTML email developer to convert a Figma design into a fully responsive, pixel-perfect HTML email.

šŸ”§ What You’ll Receive

A .figma file with both desktop and mobile layouts, including all design and creative assets

A PDF file showing exactly how the final email should look on desktop and mobile

A spreadsheet with all necessary URLs and reference data

āœ… Project Requirements

Convert the Figma design into clean, hand-coded HTML

Extract and optimize all necessary images and creative assets from the Figma file for email use

Ensure the final email looks exactly like the PDF on both desktop and mobile (pixel-perfect rendering)

Code must be responsive and work flawlessly across:

Gmail (web + mobile)

Apple Mail

Microsoft Outlook (desktop versions especially)

Yahoo, AOL, and other major clients

Use table-based layout and inline CSS to ensure maximum compatibility

Avoid unsupported CSS or JavaScript (email-safe practices only)

No external calls for assets—all images should be embedded or linked locally

šŸ“¦ Final Deliverable

A fully functional HTML file

A folder with all optimized image assets used in the design

The HTML should reference images correctly and be ready for upload to our ESP

🌟 What We're Looking For

Proven experience building responsive, cross-client HTML emails

Strong understanding of email client limitations and workarounds

Attention to pixel-level detail and visual accuracy

Ability to work quickly and follow directions closely

šŸ’¬ Why This Project Matters

We are testing multiple providers with this creative and have a steady pipeline of similar work. We’re looking for a reliable, long-term partner for ongoing email creative development.

šŸ• Timeline

First version within 48 hours of assignment

Quick turnaround on revisions

Please include in your application

Portfolio or examples of HTML emails you’ve coded

Tools you use for cross-client testing

Any experience working with Figma for asset extraction

Availability for ongoing work

Looking forward to finding the right fit to join our creative workflow!

Qualifications

  • Code must be responsive and work flawlessly across:
  • Avoid unsupported CSS or JavaScript (email-safe practices only)
  • No external calls for assets—all images should be embedded or linked locally
  • Proven experience building responsive, cross-client HTML emails
  • Strong understanding of email client limitations and workarounds
  • Attention to pixel-level detail and visual accuracy
  • Ability to work quickly and follow directions closely

Benefits

  • A .figma file with both desktop and mobile layouts, including all design and creative assets
  • A fully functional HTML file

Responsibilities

  • A PDF file showing exactly how the final email should look on desktop and mobile
  • Convert the Figma design into clean, hand-coded HTML
  • Extract and optimize all necessary images and creative assets from the Figma file for email use
  • Ensure the final email looks exactly like the PDF on both desktop and mobile (pixel-perfect rendering)
  • Use table-based layout and inline CSS to ensure maximum compatibility
  • A folder with all optimized image assets used in the design
  • The HTML should reference images correctly and be ready for upload to our ESP
  • First version within 48 hours of assignment
  • Quick turnaround on revisions
  • Any experience working with Figma for asset extraction

Job Alerts

Get notified when new positions matching your interests become available at Figma Job.

Need Help?

Questions about our hiring process or want to learn more about working with us?