CampaignLark Figma To HTML Converter

About this plugin

Figma to HTML Converter (Table & Flexbox)

Built by the team behind Maileroo & CampaignLark, this plugin transforms your Figma designs into clean, production-ready HTML — with pixel-accurate 1:1 conversion.

Whether you're building for email or web, you can export your design in the format that best suits your platform.

✨ Two Conversion Modes

1. Table-Based Layout (Gmail Optimised)

Generate table-structured HTML designed specifically for Gmail compatibility and traditional email client rendering.

2. Flexbox Layout

Export modern, clean Flexbox HTML for platforms and environments that support advanced layout rendering.

👀 Live Preview Before Export

See a real-time preview of your converted HTML inside the plugin before downloading.

Quickly validate layout accuracy, spacing, structure, and styling to ensure your design converts exactly as expected.

For best results, follow proper Figma layout structure and design principles so the plugin can accurately interpret frames, groups, spacing, and alignment. Use the built-in Help section for guidance on optimising your files for the most accurate conversion.

📦 Export Options

Choose the format that works best for your workflow:

Standard HTML (images encoded in Base64)

HTML + Images (ZIP file)

Gmail-Optimised Table HTML

Gmail-Optimised Table HTML + Images (ZIP file)

🚀 Built for CampaignLark Users

Any HTML you generate can be imported directly into the CampaignLark custom HTML editor for seamless configuration, editing, and deployment.

Design in Figma → Convert → Import → Launch.

🔗 Learn More

To see how this integrates into your workflow, sign up and explore more at:

campaignlark.com