Pixcraft plugin for Figma
The Pixcraft plugin for Figma allows you to export the HTML and AMP email code from Figma. You can export a ZIP archive with the layout and all images or use one of the integrations with ESP. Currently, it supports enKod, Unisender, Inbox Suite, Sendsay, Dashamail, Mailganer, Mailchimp, Sendpulse, SendGrid, and Klaviyo.
The layout takes into account the peculiarities of various email clients, ensuring excellent display in both Outlook or Yandex and mobile email clients.
Install
To use the plugin, go to the community page and click "Try it out."
Alternatively, in any Figma file, click "Resources/Plugins" (Shift+I) and type "Pixcraft" in the search bar.
Links
How it works
The plugin transforms the Figma layer structure into the TJML code of the Pixcraft framework, which generates the HTML and AMP code for the email. This ensures excellent rendering, clear and readable code indistinguishable from manual coding, and high-quality display in various email clients and ISPs.
The plugin allows working with any layers created in Autolayout mode, so you can not only use the plugin's assets but also create your own unique email designs.
Supported Email Clients
| Desktop | Web (Chrome, FF, IE) | Mobile Apps |
|---|---|---|
| Outlook 2000/02/03/07/10/13/16 (Windows) | Gmail | Gmail (iOS+Android) |
| Windows 10 Mail | Outlook.com | Mail (iOS) |
| Outlook 2011/16 (Mac) | Yahoo | Yahoo (iOS+Android) |
| Apple Mail | Aol | Outlook (iOS+Android) |
| Thunderbird | Office 365 Web | Mail.ru (iOS+Android) |
| Comcast | Yandex (iOS+Android) | |
| Web.de | ||
| GMX.de | ||
| freenet.de | ||
| T-Online.de | ||
| Terra Mail | ||
| Mail.ru | ||
| Yandex | ||
| Rambler |