Дизайн • 23 апреля 2025 • 5 мин чтения

Спросили у ИИ, как удалить фон в Figma. Пошаговая инструкция

Продолжаем рубрику «Спросили у ИИ», в которой задаём нейросетям вопросы про обучение и делимся с вами их ответами.

Вопрос: как удалить фон в Figma?

Ответ

Figma — это мощный инструмент для дизайна, но, в отличие от фоторедакторов (например, от Photoshop), в нём нет автоматического удаления фона. Однако есть несколько способов убрать или заменить фон изображения. Рассмотрим их.

1.Удаление фона у векторных объектов

Если фон — это простая фигура (например, прямоугольник или эллипс), его можно удалить так:
1.Выделите объект.
2.В панели свойств справа найдите раздел Fill («Заливка»).
3.Нажмите на цветовой квадрат и выберите:
прозрачность (Opacity = 0%) — фон станет невидимым;
крестик (удалить заливку) — заливка исчезнет полностью.

Глубже изучить Figma и другие программы для графического дизайна можно на курсе «3D‑дизайнер». Вы не только узнаете всё о принципах дизайна, цветоведении, композиции, но и научитесь работать в самых востребованных инструментах для дизайна.
2.Удаление фона у растровых изображений

Вариант 1. Использовать маску (если фон однотонный)

1.Добавьте изображение в Figma (File → Place Image) или перетащите файл.
2.Создайте фигуру (например, круг или прямоугольник) поверх той части картинки, которую нужно оставить.
3.Выделите и изображение, и фигуру, затем нажмите Ctrl + Alt + M (или Mask with Shape в меню слоёв).

Вариант 2. Предварительно удалить фон в другом редакторе

● Используйте Photoshop, Remove.bg, Canva или другой сервис для удаления фона.
● Сохраните изображение в формате PNG (с прозрачностью).
● Загрузите готовый файл в Figma.

3.Как сделать прозрачный фон в Figma

Если нужно, чтобы весь холст был без фона (например, для экспорта иконки):
1.Выберите Frame («Фрейм») или создайте новый.
2.В панели свойств найдите Fill («Заливка»).
3.Уберите галочку или выберите прозрачность 0%.
4.При экспорте выберите формат PNG (поддерживает прозрачность).

4.Замена фона на другой цвет или градиент

Если нужно не удалить, а изменить фон:
1.Выделите объект или фрейм.
2.В разделе Fill выберите новый цвет, градиент или текстуру.
3.Для изображений можно наложить полупрозрачную заливку (режим Blend Mode → Multiply, Overlay и др.).

Заключение

Хотя Figma не предназначена для сложного редактирования фото, с её помощью можно:

● удалять фон у векторных объектов;
● обрезать изображения с помощью масок;
● работать с PNG-файлами без фона;
● делать прозрачные фоны для иконок и графики.

Для сложных случаев лучше использовать Remove.bg или Photoshop, а затем импортировать результат в Figma.

Статью подготовили:
Редакция блога
Яндекс Практикум
Полина Овчинникова
Яндекс Практикум
Иллюстратор

Дайджест блога: ежемесячная подборка лучших статей от редакции

Поделиться
Угадайте, где правда, а где фейк про IT, и получите скидку на курсы Практикума
Wed Apr 23 2025 14:32:57 GMT+0300 (Moscow Standard Time)