Pixcraft плагин для Figma

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