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

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

Наш дизайнер Ирина Хафизова рассказала об опыте работы в Figma — программе, идеально заменяющей Sketch, Photoshop и Illustrator. Посмотрите, как создать красивый и эффективный макет письма в Figma всего за 60 минут.

Возможности 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. Создание дизайна письма.
    Узнаете, где искать вдохновение, как работать с цветовой гаммой, шрифтами и стилем нужных блоков.

8 374