Начало работы

Первым делом создайте фрейм с Auto Layout: самостоятельно или используя удобные готовые шаблоны.

Ассеты

С помощью готовых ассетов можно создать емейл за пару минут — достаточно лишь заменить текст и изображения.

Для удобства поиска в библиотеке ассеты сгруппированы по категориям: Block, Header, Image, Text, CTA, Footer, AMP, Divider. Выберите подходящие и добавьте в шаблон емейла.

Кастомизация

Используйте настройки Figma, чтобы адаптировать добавленные ассеты и привести их к желаемому виду.

Настройка ассетов

Вы также можете изменить свойства ассетов и блоков в них:

Превью

Чтобы получить верстку письма, в верхней части окна Pixcraft нажмите на кнопку Preview.

Проверка результата

Когда рендеринг завершится, проверьте, правильно ли отображается макет вашего емейла, как он выглядит в темной теме и реагирует на изменение размера экрана.

Письмо с нуля

Кроме того, вы можете не использовать ассеты, а создать собственный дизайн, следуя правилам Auto layout от Figma. Когда закончите редактирование, откройте плагин Pixcraft, выберите фрейм вашего емейла и нажмите кнопку Preview.

Сообщение о статусе

Плагин Pixcraft для Figma работает только с рамками автоматической разметки Auto layout, поэтому покажет вам предупреждающее сообщение, если что-то пойдет не так.

Сохранение

Для сохранения емейла нажмите на кнопку Export и в следующем окне выберите способ выгрузки:

• Загрузить HTML/AMP код к себе на устройство в виде архива,
• Сохранить в вашем аккаунте Pixcraft,
• Экспортировать в вашу ESP.