Плагины для изображений в фигме — бесплатные картинки и иконки, удаление фона, улучшение качества, перевод в вектор и 3д

Аватар автора курса

Автор — Ян Агеенко

Дизайнер с 20-летним опытом работы. Арт-директор в собственной студии. Основатель Гильдии дизайнеров, автор книги «Как стать дизайнером с нуля»

Подборка посвящена плагинам программы фигма, предназначенным для работы с изображениями - фотографиями, картинками, 3д иллюстрациями и иконками. Вы узнаете, как в фигме заменить фотошоп, удалить фон, улучшить качество изображения, перевести его из пнг в вектор.

Видео-версия урока

Выбрать плеер:

Плагины с бесплатными картинками и фотографиями в фигме

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

  • Unsplash
  • Photos by Freepik
  • AllStock
  • Icons8 — icons, illustrations, photos

Кстати, недавно в самой фигме появилась функция генерации картинок с помощью искусственного интеллекта. Находится этот инструмент в Actions на панели инструментов и назвается Make an image.

Плагины с бесплатными иконками в фигме

Лидирующие позиции в рейтинге плагинов с иконками уверенно занимает Iconify. В нем вы найдете множество коллекций иконок, сделанных в едином стиле — от стандартных черно-белых значков до цветных мини-иллюстраций, стикеров и соц сетей. База тут действительно большая, и найти нужные иконки можно в подавляющем большинстве случаев. Разумеется, все иконки здесь в векторном (svg) формате.

Также в фигме есть и другие неплохие плагины с иконками, например:

  • icons8
  • Feather Icons
  • Material design icons
  • и другие

Бесплатные плагины для удаления и вырезания фона в фигме

В 2025 году такая функция была реализована в самой фигме. Найти её можно в кнопке Actions на панели инструментов на вкладке All — Image editing — Remove background:

Если этот инструмент у вас не работает или вас не устраивает качество обрезки, удалить задний фон с картинки можно также и плагинами. Вот несколько бесплатных вариантов, подходящих для этой цели:

  • Icons8 Background Remover
  • PicWish Background Remover
  • Remove BG
  • Magic Cut — remove background (в отличие от предыдущих вариантов, просто удаляющих фон автоматически, Magic Cut позволяет вручную ластиком выбирать области, которые нужно убрать, а какие оставить)

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

Плагины в фигме для улучшения качества изображения или фото

Как и в случае с удалением фона, улучшение качества и размера растровых изображений (картинок, иллюстраций, фото) в фигме можно сделать и без плагинов. Для этого нажмите на кнопку Actions в нижней части фигмы и на вкладке All выберите Boost Resolution.

Плагины, позволяющие улучшить качество картинки в фигме, также существуют. Вот несколько примеров:

  • Upscale Image
  • AI Image Upscaler
  • ImagePro — upscale image by AI

Но работают эти и другие плагины для улучшения качества изображений далеко не так хорошо, как хотелось бы. А иногда и вовсе не работают. В большинстве случаев стандартная функция фигмы справляется с этой задачей лучше. Если и она не дает вам нужный результат, можно воспользоваться сторонними сервисами, например upscale.media или imgupscaler.com

Плагины для создания 3д фигур, букв и других элементов в фигме

Если вам нужно для обычного векторного элемента (например текста, иконки или обычной фигуры) сделать 3д эффект, попробуйте следующие плагины:

  • 3D Vector
  • i 3D · Extrude Vector / Shape / Icon / Text / Illustration to 3D Projection
  • Roto

Стоит также отметить, что в комьюнити фигмы есть огромное количество самых разнообразных готовых 3д материалов — иконок, объемных фигур и так далее. Поскольку сама по себе фигма не предназначена для работы с трехмерными объектами, возможно имеет смысл использовать сделанные в других программах.

Плагины для перевода пнг растра в векторную картинку свг

Преобразовать пнг изображение или рисунок в векторный формат помогут следующие плагины фигмы:

  • Codia AI VectorMagic: Image to Full-Color Vector/PNG to SVG
  • Vectorized (PNG to SVG)

Также иногда люди ищут плагины для перевода текста в вектор, однако в этом нет необходимости. Данное действие можно выполнить простым сочетанием горячих клавиш Alt Shift F (на Windows) или Option Shift F (на Mac OS).

Плагин фотошоп в фигме

Сам фотошоп в фигме отсутствует, но есть замечательный плагин, который практически полностью может его заменить. Называется это чудо Photopea. В ней можно делать 90% всего того же, что и в фотошопе, а интерфейс и инструментарий очень похожи. Например, тут есть такие классические инструменты как ластик, лассо или волшебная палочка. Поэтому если вы умеете пользоваться фотошопом, Photopea не вызовет никаких проблем.

Другие полезные уроки по фигме

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

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

Как сделать фигму на русском языке онлайн или бесплатно скачать альтернативную программу

В этом уроке объясняется, можно ли перевести интерфейс программы Figma на русский язык и как это сделать. Рассматриваются способы изменения языка в онлайн-версии через браузер Google Chrome, а также предлагается бесплатная альтернатива — программа Pixso, полностью поддерживающая русский язык. Урок будет полезен новичкам, которые испытывают трудности с английским интерфейсом и ищут удобные инструменты для работы.

Как в фигме сделать сетку и включить направляющие линии горячими клавишами

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