Как создать макет письма в Figma за 1 час

Возможности Figma

Figma по функционалу очень похожая на Google Docs. Каждый, кто работал с этим инструментом, знает, насколько удобно хранить и редактировать документы онлайн.

1. В Figma дизайнеры, проектные менеджеры и клиенты могут одновременно комментировать, задавать вопросы и править макеты.
2. Можно сделать кликабельный макет письма в Figma, а также сайт или мобильное приложение, создавая множество экранов. Все экраны размещены на одной странице. Переключаться между окнами не нужно. 
3. Все версии и изменения хранятся в Figma и можно отслеживать историю действий каждого сотрудника, просматривать и восстанавливать предыдущие версии документа. Сервис автоматически сохраняет версии при закрытии вкладки проекта, или если пользователь не вносил изменения последние 30 минут.
4. Все документы хранятся в облаке. Благодаря этому в редакторе можно коллективно работать над макетами и открывать их по ссылке, без скачивания.
5. В Figma вы можете загружать свои символы в библиотеку компонентов, обновлять их, а также быстро находить их с помощью поиска по его названию.
6. Есть панель Grid Layout, аналогов которой пока не существует в других программах. С помощью неё в несколько мгновений можно создать сетку любой степени сложности.
7. Для верстальщиков и программистов в Figma есть специальная панель Code, на которой можно скопировать CSS-стили.

План вебинара:

1. Основы дизайна рассылок. 
   Строение, сетка, технические особенности, типографика, элементы.
2. Знакомство с Figma.
   Интерфейс, текст, изображения, вектор, инструменты.
3. Создание дизайна письма.
   Узнаете, где искать вдохновение, как работать с цветовой гаммой, шрифтами и стилем нужных блоков.