Дизайн
#Руководства

4 полезных плагина для Figma: создание иллюстраций

Как быстро сгенерировать набор «космических захватчиков», пиксельные аватарки и векторных людей.

Иллюстрация: Катя Павловская для Skillbox Media

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

Рассказываем, какие плагины для Figma помогут вам сделать собственные иллюстрации.

Nouns

Плагин генерирует пиксельных персонажей из заранее подготовленных элементов: голов, одежды, аксессуаров, фонов. Они отлично подойдут в качестве стандартных аватарок пользователей, которые ещё не загрузили фотографию в профиль.

Как пользоваться

  1. Скачайте плагин по ссылке.
  2. Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Nouns.
  3. В появившемся меню укажите количество персонажей и по желанию — зафиксируйте декоративные элементы.
  4. Нажмите кнопку Insert.
Изображение: Skillbox Media

Humaaans

Набор иллюстраций людей, которые можно использовать в качестве декораций на промостранице. Пользователь может выбрать сразу готовое изображение или собрать собственное.

Как пользоваться

  1. Скачайте плагин по ссылке.
  2. Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Humaaans.
  3. В появившемся меню выберите готовое изображение или нужную часть — голову, торс, ноги и обувь. Нужная иллюстрация сразу появится на макете.

Все изображения появляются на макете в виде вектора. Поэтому вы можете легко их перекрасить или изменить некоторые детали в режиме векторного редактора.

Изображение: Skillbox Media

Blush

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

Как пользоваться

  1. Скачайте плагин по ссылке.
  2. Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Blush.
  3. В появившемся меню выберите тему и позу, а затем измените своего персонажа.

Обратите внимание, что в бесплатной версии плагина вы будете получать изображения в формате PNG, а не SVG. Чтобы открыть все возможности, нужно зарегистрироваться на сайте разработчика и оформить подписку за 12 долларов в месяц.

Изображение: Skillbox Media

Invaders

Плагин генерирует наборы иллюстраций в стилистике игр Space Invaders. Подойдёт, если вам нужно добиться ощущения ностальгии или поддержать пиксельный стиль.

Как пользоваться

  1. Скачайте плагин по ссылке.
  2. Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Invaders.
  3. В появившемся меню выберите размер одного квадрата под иллюстрацию, размер всего полотна, а затем нажмите на кнопку Generate.

Каждое изображение в наборе создаётся из обычных квадратов. Поэтому вы можете их перекрасить и выгрузить в высоком разрешении.

Изображение: Skillbox Media

Самоучитель по Figma

Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.

Курс

Figma с нуля до PRO

Вы освоите самую популярную программу для веб-дизайна на профессиональном уровне. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.

Узнать про курс

Учись бесплатно:
вебинары по программированию, маркетингу и дизайну.

Участвовать
Обучение: Figma с нуля до PRO Узнать больше
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована