Как Вставить В Фигме Картинку Без Фона

На чтение
3 мин
Дата обновления
03.03.2026
Тип:Курс
Формат:Самостоятельно с наставником
Директор по продажам
Курс "Директор по продажам" поможет вам освоить искусство эффективного управления продажами и достижения высоких результатов. В программе — практические задания и реальные кейсы, которые позволят развить навыки стратегического планирования, анализа рынка и построения успешной команды. Получите поддержку экспертов, новые знания и сертификат, который станет вашим путеводителем в мире успешных продаж!
90000 ₽180000 ₽
7500 ₽/мес рассрочка
Подробнее
#COURSE##INNER#

Добавить картинку без фона в Фигму очень просто, всего лишь в несколько шагов:

Как вставить в Figma картинку без фона

Чтобы вставить картинку без фона в Figma, выполните следующие действия:

1. Откройте Figma и создайте новый файл или откройте существующий.

2. Перетащите изображение в область рисования Figma.

3. Выберите вставленное изображение.

4. На правой панели выберите вкладку "Заливка".

5. В раскрывающемся списке "Тип заливки" выберите "Сплошная заливка".

6. Откройте палитру цветов, щелкнув по цветному квадрату рядом со словом "Заливка".

7. Выберите "Прозрачность" в нижней части палитры цветов и отрегулируйте ее, перетаскивая ползунок влево (более прозрачно).

8. Щелкните за пределами палитры цветов, чтобы применить изменения.

Использование Background Remover

Загрузите изображение в Background Remover и дождитесь завершения процесса удаления фона.

Обрезка изображения

С помощью инструмента "Перо" можно выделить нужную область.

На панели инструментов выберите "Перо" -> Щелкните по четырем точкам вокруг области, которую хотите обрезать -> Щелкните правой кнопкой мыши внутри выделенной области -> Выберите "Сделать маску" -> Экспортируйте обрезанное изображение.

Применение режима трафарета (Stencil Mode)

Заполните картинку другим цветом, используя режим Stencil Mode. Удерживая клавишу Shift, щелкните по картинке и слою с желаемым заливающим цветом.

Использование маски

Загрузите изображение в Figma.

Нарисуйте прямоугольник или фигуру, которая будет маской.

Выберите изображение и маску.

В меню "Слой" выберите "Маска" - "Создать отсеченную маску".

Работа с цветом фона

Рекомендация: Изначально устанавливайте цвет фона, соответствующий брендбуку или стилистике проекта.

Для настройки цвета фона:

Выделите страницу или фрейм.

Перейдите в раздел "Фигура" (значок прямоугольника на панели инструментов).

В разделе "Заливка" выберите "Цвет", используя палитру или введя код цвета.

Вы также можете удалить фон, выбрав "Без заливки" в разделе "Заливка".

Настройка прозрачности

Чтобы изменить прозрачность изображения в Figma, выполните следующие действия:

  1. Выберите изображение.
  2. В строке меню выберите "Изображение" > "Настройки" > "Настройка прозрачности".
  3. Переместите ползунок прозрачности влево или вправо, чтобы отрегулировать желаемую прозрачность.

Вопрос-ответ:

Как убрать фон с изображения в Фигме?

В Фигме нет встроенного инструмента для удаления фона. Вам необходимо использовать сторонний инструмент, такой как "Remove.bg" или "Unsplash", для удаления фона перед импортом изображения в Фигму.

Можно ли скопировать изображение без фона из другой программы?

Да, вы можете скопировать изображение без фона из другой программы, такой как Photoshop или Illustrator. Убедитесь, что изображение имеет прозрачный фон, прежде чем скопировать его в Фигму.

Как вставить изображение с прозрачным фоном в Фигму?

Чтобы вставить изображение с прозрачным фоном в Фигму, откройте изображение в другой программе, выберите опцию "Сохранить как" и выберите формат файла, поддерживающий прозрачность, например PNG или TIF. Затем импортируйте сохраненное изображение в Фигму.

Почему я вижу белый фон вокруг моего изображения в Фигме?

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