Pixcraft плагин для Figma позволяет экспортировать HTML и AMP-код писем из Figma. Вы можете выгрузить ZIP-архив с версткой и всеми картинками или воспользоваться интеграцией с ESP. На текущий момент поддерживается Altcraft, enKod, Unisender, InboxSuite, Sendsay, DashaMail, Mailganer, MailChimp, SendPulse, SendGrid, и Klaviyo.
Верстка учитывает особенности различных почтовых клиентов, что позволяет добиться отличного отображения как в Outlook или Yandex, так и в мобильных почтовых клиентах.
Для использования плагина перейдите на страницу сообщества и нажмите Try it out.
Альтернативный способ: в любом файле Figma нажмите Resources/Plugins (Shift+I) и в строке поиска наберите Pixcraft
Плагин преобразует структуру слоев Figma в TJML-код фреймворка, который формирует HTML и AMP-код письма. Это обеспечивает отличный рендеринг, понятный и читаемый код, не отличимый от ручного, и качественное отображение в различных почтовых клиентах и ISP.
Плагин позволяет работать с любыми слоями сделанными в режиме Auto layout, поэтому вы можете не только использовать ассеты плагина, но и создавать собственный уникальный дизайн писем.
| Desktop | Web (Chrome, FF, Safari, etc.) | Mobile Apps |
|---|---|---|
| Outlook 2000/02/03/07/10/13/16 (Windows) | Mail.ru | Mail (iOS) |
| Windows 10 Mail | Yandex | Gmail (iOS+Android) |
| Outlook 2011/16 (Mac) | Gmail | Mail.ru (iOS+Android) |
| Apple Mail | Rambler | Yandex (iOS+Android) |
| Thunderbird | Outlook.com | Yahoo (iOS+Android) |
| Yahoo | Outlook (iOS+Android) | |
| AOL | ||
| Office 365 Web | ||
| Comcast | ||
| Web.de | ||
| GMX.de | ||
| freenet.de | ||
| T-Online.de | ||
| Terra Mail |