Как добавить фото в Фигме?

Как добавить фото в Фигме? - коротко

Перетащите файл изображения в рабочую область или выберите File → Place Image…, укажите нужный файл и нажмите Open. После вставки снимок можно масштабировать и позиционировать с помощью обычных инструментов Figma.

Как добавить фото в Фигме? - развернуто

Вставка изображения в Figma происходит мгновенно и не требует дополнительных настроек. Для начала откройте нужный файл и убедитесь, что выбран рабочий фрейм или слой, в который планируете разместить фото.

Самый простой способ — перетянуть файл изображения из проводника прямо на холст. При этом Figma автоматически создаст объект с картинкой, который можно перемещать, масштабировать и позиционировать. Если файл уже находится в буфере обмена, достаточно нажать Ctrl + V (Cmd + V на macOS) и изображение появится в том месте, где был установлен курсор.

Если требуется добавить файл из облака или из другого проекта, используйте пункт меню File → Place Image… (или сочетание Shift + Ctrl + K). Откроется диалоговое окно, где можно выбрать один или несколько файлов. После подтверждения курсор превратится в превью изображения; кликните по холсту, чтобы разместить его, либо кликните и протяните, задав нужный размер сразу.

Для более точного контроля над расположением и размером изображения применяйте следующие инструменты:

  • Scale — удобно менять масштаб, удерживая клавишу Shift для пропорционального изменения.
  • Rotate — вручную или через панель свойств, задавая угол поворота.
  • Crop — выделите изображение, нажмите кнопку Crop в правой панели и отрегулируйте границы обрезки.
  • Mask — поместите изображение в форму (круг, прямоугольник, произвольный контур), выберите оба объекта и нажмите Use as Mask. Это создаст маску, позволяющую контролировать видимую часть фотографии.

Если необходимо быстро подобрать подходящее изображение, откройте встроенный плагин Unsplash или Pexels. Введите запрос в строке поиска, выберите понравившийся снимок и нажмите Insert – фото сразу появится в вашем макете.

После вставки не забывайте оптимизировать изображение для экспорта. В правой боковой панели в разделе Export укажите нужный формат (PNG, JPG, SVG) и задайте масштаб 1×, 2× и т.д. При необходимости включите опцию Compress image, чтобы уменьшить вес без заметных потерь качества.

Таким образом, любой пользователь Figma может добавить фотографию в проект за несколько кликов, используя drag‑and‑drop, меню «Place Image», плагины или клавиатурные сочетания, а затем гибко настроить её внешний вид с помощью масштабирования, обрезки, маскирования и экспорта.