Figma для иллюстратора

Фигму принято считать незаменимым инструментом для прототипирования и UX/UI-дизайна. Но вопрос создания иллюстраций отходит на второй план или вовсе не рассматривается. В этой статье редакция приведет пару-тройку доводов в пользу удобства использования Фигмы в качестве инструмента для создания несложных иллюстраций.

p.s. в оформлении этой статьи использованы только те иллюстрации, которые сделаны в Фигме

Простота внесения правок и обсуждения

Вероятно, это главный плюс Фигмы — возможность показать готовую работу заказчику без пересылки кучи файлов и упаковки проекта. Заказчик или арт-директор оставляет комментарии в рабочем файле, а художник по ним оперативно вносит правки. При этом необязательно устанавливать приложение— откройте браузер, потом зайдите в интерфейс Фигмы с логином и паролем, чтобы начать работу. С марта 2022 года большие команды испытывают проблемы с работой приложения из-за сложностей в оплате подписки, но попробовать Фигму в самостоятельной работе пока что можно — хоть Adobe и выкупил программу, оплачивать подписку для одного человека ещё не нужно. Предпринимаются попытки изобрести подобия Фигмы, например, среди китайцев, но пока стабильности в таких решениях нет.

 

Наличие стандартных инструментов для работы с кривыми

С помощью этого привычного инструментария иллюстратор способен создать в Фигме такую же картинку, как и в Иллюстраторе, хоть и с некоторыми ограничениями —  из коробки можно только формировать кривые, добавлять и удалять к ним точки. А вот уже работать со сглаживанием кривых, управляя количеством точек при помощи ползунка, как в Иллюстраторе, не получится. При этом, скорость отрисовки несложных линейных иллюстраций, или хотя бы набросков, в Фигме выше, чем в полновесном векторном редакторе. А еще удобно редактировать готовые svg-иллюстрации, загруженные в макет — добавить пару точек в кривые и изменить форму или цвет элемента композиции получится даже в полноценной иллюстрации со десятками групп и слоёв.

 

Работа с примитивными формами

Подходят для работы в плоском стиле, когда необходима несложная иллюстрация из набора примитивных форм. С ними в Фигме работать проще, чем с пером, потому что в наличии больше функционала по редактированию. Художник собирает каркас композиции из нескольких эллипсов, прямоугольников и линий, а пером уточняет и детализирует получившуюся картинку. Фигма поддерживает работу со слоями и группами, как в Иллюстраторе. Помимо этого, бесконечный холст и зум позволит иллюстратору сформировать в одном рабочем пространстве набор эскизов или черновиков, не разделяя на отдельные файлы. Как в случае с набором артбордов Иллюстратора, только не так требовательно к памяти компьютера.

Изометрические иллюстрации

Изометрия помогает сделать 3D- картинку без использования специального софта — прямо в векторном редакторе. Примитивную, конечно, без сотен полигонов и точек, но поработать с тенями, бликами и рефлексами получится. Например, так дизайнеры делают мокапы для представления работ в портфолио. Но и для иллюстратора подойдет. Для того, чтобы верно выстроить линии композиции, грани предметов в картинке, необходима специальная изометрическая сетка. Но и здесь фигма выручает — тратить время на создание направляющих не придется, достаточно установить специальный плагин из библиотеки сторонних разработчиков.

Экспорт в SVG для доработки

Другой важный аспект — экспортирование изображений в серьезную программу для последующей доработки. Ведь Фигма, при всех плюсах, не заменит Иллюстратор или Инкскейп, но позволит начать работу на компьютере с доступом в Интернет — рабочая информация сохраняется в подобии облачного хранилища. Удобно, если носите с собой мобильный планшет — на нем получится делать векторные наброски в фигме, а после экспортировать их для доработки в полноценном редакторе с мышкой или стилусом.