Удалите фон с изображения в Figma
Встроенный трюк vs альтернатива лучшего качества
Figma — это векторный дизайн-инструмент — в нём нет встроенной команды удаления фона для растровых изображений. Но два практических подхода позволяют использовать вырезки в дизайнах Figma.
Метод 1 — Сначала BGRemover, затем Figma
Лучше всего: любое изображение, где нужна полная прозрачность
Удалите фон в BGRemover
Откройте /workspace, загрузите изображение и скачайте прозрачный PNG.
Импортируйте PNG в Figma
Перетащите PNG из проводника прямо на холст или используйте Файл → Поместить изображение.
Используйте вырезку в дизайне
PNG сохраняет полную прозрачность. Разместите его за текстом, поверх цветных фигур.
Экспортируйте или поделитесь
Выделите вырезку и нажмите Ctrl+Alt+E для экспорта. Выберите PNG для прозрачного растра.
Метод 2 — Трюк с заливкой изображения + режим наложения в Figma
Лучше всего: когда нельзя предварительно обработать изображение
Создайте прямоугольник того же размера, что и изображение
Нарисуйте прямоугольник и задайте ему размеры, соответствующие изображению.
Заполните прямоугольник изображением
Выделите прямоугольник. В секции Заливка добавьте заливку и выберите изображение.
Установите режим наложения на 'Destination In'
В секции Наложение измените режим наложения на Destination In.
Примечание по экспорту
Трюк 'Destination In' работает только внутри Figma — экспортированный PNG всё ещё будет иметь фон.
Удаление фона в Figma — Часто задаваемые вопросы
В Figma есть инструмент удаления фона?
В Figma нет встроенной команды удаления фона для растровых изображений. Практическое решение — сначала удалить фон в BGRemover, затем импортировать PNG в Figma.
Можно ли экспортировать прозрачный PNG из Figma?
Да, но только если импортированный PNG уже имеет прозрачность. Figma экспортирует изображения как есть.
Удалите фон за 5 секунд, затем работайте в Figma
BGRemover подготавливает прозрачный PNG. Figma отвечает за дизайн. Откройте /workspace, загрузите изображение, скачайте вырезку.