Как сделать фон прозрачным в Figma (руководство 2026)

Figma создана для дизайна интерфейсов, а не для редактирования фото, поэтому «удалить фон» там означает не то же самое, что в фоторедакторе. Если вам просто нужно, чтобы фон фрейма или холста исчезал при экспорте, Figma умеет делать это нативно. Но если у вас есть фото с загруженным фоном - фото товара, портрет, размещённое изображение - у Figma нет встроенного способа определить объект и вырезать его; вам понадобится плагин, много терпения с инструментом «Перо» или специальный инструмент удаления фона до того, как изображение попадёт в ваш файл.

Почему прозрачные фоны важны в проектах Figma

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

Способ 1: экспорт фрейма с прозрачным фоном

Шаг 1: Выберите ваш фрейм, группу или компонент в Figma.

Шаг 2: В правой панели удалите или скрыйте заливку фона фрейма (нажмите на образец заливки и удалите её, либо отключите видимость).

Шаг 3: Откройте раздел Export в нижней части правой панели, выберите PNG и экспортируйте. PNG поддерживает альфа-прозрачность, поэтому там, где заливка фона была удалена, при экспорте будет прозрачность вместо белого цвета.

Это отлично работает для логотипов, иконок и UI-макетов, где «фон» - это просто цвет заливки, добавленный в Figma, а не сфотографированная сцена.

Способ 2: удаление фона с размещённого фото

Если потребность в прозрачности касается фотографии - фото товара, портрета, снимка физического объекта - настройки экспорта Figma не помогут, потому что фон не является заливкой Figma, а частью пикселей самого изображения. В Figma реалистичные варианты - это плагин от сообщества, вызывающий внешний API, или ручное маскирование объекта инструментом «Перо», что медленно и редко даёт чистые края вокруг волос, шерсти или мелких деталей.

Более быстрый путь: удалите фон перед импортом

Самый простой workflow для большинства дизайнеров - сначала удалить фон с фото, а затем перетащить получившийся прозрачный PNG прямо в Figma. Загрузите изображение в nobackground, дайте ИИ на устройстве вырезать объект за несколько секунд, скачайте PNG и разместите его на холсте - без разрешений для плагинов, без аккаунта и без того, чтобы изображение покидало ваш браузер в процессе.

Советы для чистого прозрачного экспорта

Экспортируйте с масштабом 2x или 3x для всего, что будет использоваться на дисплее высокой плотности, а затем при необходимости уменьшайте масштаб - это избавит от мягких, размытых краёв вокруг вырезанного объекта.
Перед передачей просматривайте прозрачные PNG на фоне шахматной доски или тёмного фона, поскольку светло-серый ореол по краю легко не заметить на простом белом холсте.
Если вы размещаете один и тот же вырез на нескольких макетах, храните оригинальный прозрачный PNG как общий ассет в библиотеке Figma, а не экспортируйте его повторно из каждого фрейма.

Вопросы о прозрачности в Figma

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

Будет ли прозрачный PNG от nobackground работать прямо в Figma? Да. Просто перетащите скачанный PNG на холст, как любой другой графический ассет; прозрачность будет сохранена.