Мы рады сообщить, что теперь есть прекрасная возможность легко и быстро импортировать шаблоны писем из Figma напрямую в личный кабинет DashaMail с помощью плагина PixCraft для Figma. Рассказываем, как!
![](https://dashamail.ru/blog/wp-content/uploads/2023/12/image11-1024x574.png)
Экспорт в HTML и AMP:
Плагин позволяет экспортировать HTML и AMP-код шаблонов писем из Figma для использования в email-рассылке в сервисе DashaMail. Вы можете в пару кликов выгрузить ZIP-архив с версткой, включая все изображения, или воспользоваться готовой интеграцией.
Поддерживаемые ESP:
На текущий момент плагин PixCraft для Figma поддерживается такими ESP, как enKod, DashaMail, Unisender и многие другие. Таким образом, вы можете легко адаптировать свои шаблоны к различным платформам для максимальной эффективности вашей рассылки.
Улучшенное отображение
Плагин PixCraft учитывает особенности различных почтовых клиентов, позволяя добиться отличного отображения вашего контента. Благодаря этому, ваши письма будут корректно выглядеть как в Outlook или Yandex, так и в мобильных почтовых приложениях.
Установка плагина
1. Перейдите на страницу сообщества и нажмите «Open in» для интеграции с DashaMail через PixCraft.
2. Альтернативный способ: В любом файле Figma, выберите «Actions», в строке поиска наберите «PixCraft» и установите плагин.
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_15-34-16.png)
Инструкция по импорту шаблонов в DashaMail через PixCraft
1. В файле с макетом письма выберите «Main Menu» — «Plugins» и выберите «PixCraft Email Generator»:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_14-29-40-1-1.png)
Либо кликните по «Actions», затем перейдите в «Plugins» — «PixCraft Email Template Generator — HTML and AMP» — кликните Run:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_15-42-21.png)
2. После запуска плагина откроется окно импорта:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_14-31-18-1.png)
3. Нажмите «Создать» — «Простое письмо»:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_16-02-03.png)
4. Соберите шаблон письма, используя имеющиеся блоки и контент:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_16-05-04.png)
5. Нажмите «Предпросмотр», чтобы проверить отображение шаблона письма. Если он отображается корректно и правки не требуются, нажмите «Экспорт»:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_14-44-25-1024x646.png)
4. В открывшемся окне вы можете задать название шаблона (1), прописать прехедер (2), добавить AMP и TJML, а также выбрать способ импорта (3):
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/Frame-1206399514-1024x589.png)
5. Для импорта в сервис DashaMail на вкладке «Экспорт в ESP» выберите «DashaMail»:
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_14-48-24-1024x620.png)
6. Кликните по иконке «DashaMail» (1). Потребуется указать ключ API (2), его можно получить в личном кабинете DashaMail в разделе «Интеграции». Затем нажмите «Добавить» (3):
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_14-49-38-1024x517.png)
7. Готово! Шаблон успешно импортирован в раздел «Шаблоны» и теперь доступен для редактирования в формате HTML.
![](https://dashamail.ru/blog/wp-content/uploads/2024/12/2024-12-19_15-25-00-1024x227.png)
Остается только только добавить код ссылки отписки <a class=”unsub_link” href=”%ОТПИСАТЬСЯ%”>отписаться</a> в макет, чтобы использовать его в ваших рассылках.
Следуя этим простым шагам, вы сможете легко и эффективно импортировать ваши макеты из Figma в DashaMail с помощью плагина PixCraft, сохраняя при этом качество и точность отображения вашего контента в каждом письме.
Наслаждайтесь созданием шаблонов в Figma, зная, что ваш контент будет легко адаптироваться и прекрасно отображаться в почтовых ящиках ваших получателей, а благодаря интеграции PixCraft, процесс переноса ваших макетов в DashaMail будет простым и быстрым.