Продолжаем рубрику «Спросили у ИИ», в которой задаём нейросетям вопросы про обучение и делимся с вами их ответами.
Вопрос: как удалить фон в Figma?
Ответ
Figma — это мощный инструмент для дизайна, но, в отличие от фоторедакторов (например, от Photoshop), в нём нет автоматического удаления фона. Однако есть несколько способов убрать или заменить фон изображения. Рассмотрим их.
1.Удаление фона у векторных объектов
Если фон — это простая фигура (например, прямоугольник или эллипс), его можно удалить так:
1.Выделите объект.
2.В панели свойств справа найдите раздел Fill («Заливка»).
3.Нажмите на цветовой квадрат и выберите:
○ прозрачность (Opacity = 0%) — фон станет невидимым;
○ крестик (удалить заливку) — заливка исчезнет полностью.
Глубже изучить Figma и другие программы для графического дизайна можно на курсе «3D‑дизайнер». Вы не только узнаете всё о принципах дизайна, цветоведении, композиции, но и научитесь работать в самых востребованных инструментах для дизайна.
Получите профессию 3D‑дизайнера за 9 месяцев
Освоите Blender, Substance 3D Painter, Photoshop и другие инструменты. Сможете прокачать софтскилы и выполните 8+ разноплановых проектов.Начать учиться бесплатно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.