Как удалить фон в Figma

Figma — редактор интерфейсов, и инструмента удаления фона «из коробки» в ней нет. Зато есть плагины, которые решают задачу за пару кликов. Разбираем оба пути.

Что умеет сама Figma

Встроенного удаления фона нет. Но есть два приёма, которые иногда закрывают задачу:

• Маска. Вы рисуете векторную фигуру по контуру объекта и применяете её как маску. Работает точно, но только для простых форм: коробка, телефон, логотип. Волосы и мех так не вырезать.
• Обрезка по фигуре. Если нужен объект в круге или рамке, фон уходит вместе с краями. Быстро и без обработки.

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

Способ через плагины

Основной путь в Figma — плагины. Их ставят из сообщества прямо в редакторе.

1. Откройте файл и выделите картинку, с которой нужно убрать фон.
2. Меню «Plugins» → «Browse plugins in Community» (или горячая клавиша для запуска плагинов).
3. В поиске наберите background remover или «удалить фон».
4. Установите подходящий и запустите его на выделенном слое.
5. Плагин выделит объект и уберёт фон — результат появится новым слоем.

На что смотреть при выборе плагина

• Бесплатный лимит. Многие работают бесплатно несколько раз, дальше просят оплату или требуют регистрацию на стороннем сайте.
• Куда уходит картинка. Часть плагинов считает локально, часть отправляет изображение на свой сервер. Для рабочих макетов это важно.
• Качество края. Проверьте на волосах или мехе — там сразу видно, кто работает грубо.
• Прозрачность. Убедитесь, что фон действительно прозрачный, а не залит белым.
• Разрешение. Некоторые плагины уменьшают картинку. Сравните размер с исходником.

Способ без плагинов

Если не хочется ставить плагин или нужен результат в высоком качестве — обработайте изображение до импорта в Figma.

1. Уберите фон любым удобным инструментом — ботом в мессенджере или онлайн-сервисом.
2. Сохраните результат в PNG. Только этот формат сохранит прозрачность.
3. Импортируйте файл в Figma: «File» → «Place image» или просто перетащите.
4. Изображение ляжет на макет с прозрачным фоном — можно ставить на любой цвет и поверх любых слоёв.

Путь чуть длиннее, но не зависит от лимитов плагина и даёт предсказуемое качество.

Почему фон «не убирается» после вставки

Частая ситуация: вырезали фон, вставили в Figma — а под картинкой белый квадрат. Причины две.

• Файл не PNG. Если сохранено в JPG, прозрачности в файле нет вообще. Пересохраните в PNG и вставьте заново.
• Под картинкой лежит фигура. Белый прямоугольник может быть отдельным слоем под изображением. Проверьте панель слоёв слева.

Что удобнее

• Одна простая картинка для макета — маска или плагин прямо в Figma.
• Фото человека или сложный объект — обработать отдельно, потом импортировать.
• Много изображений — только партия снаружи: по одному через плагин слишком долго.
• Нужно высокое разрешение — внешняя обработка: плагины часто уменьшают картинку.

Итог

Figma решает задачу через плагины, и для макетов этого достаточно. Но если важны качество, разрешение и отсутствие лимитов — быстрее вырезать объект отдельно и импортировать готовый PNG с прозрачным фоном.

← Все статьи