Как вставить картинку в фигме?

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

Чтобы добавить фотографию отдельным объектом, перетащите её файл с компьютера на свободное место холста Figma Design. Для этого нужны права редактирования открытого файла. После загрузки найдите новый слой в Layers и расположите его там, где он должен находиться в макете.

Причина путаницы с цветом в том, что Figma использует изображения как заливки. При прямой загрузке на холст редактор создаёт прямоугольный слой с фотографией внутри. Если же вы открываете Fill уже существующего большого фрейма, фотография может стать заливкой этого фрейма. Для отдельного переносимого снимка такой выбор не нужен.

Альтернативный путь проходит через Place image/video. Найдите эту команду в инструментах или через Actions, выберите PNG в файловом диалоге и укажите место на холсте. Если после выбора файла курсор показывает миниатюру, размещение ещё не завершено. Щёлкните по свободному участку, чтобы добавить изображение, или завершите режим клавишей Escape, если передумали.

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

Не оценивайте вставку только по размеру картинки на экране. Сначала убедитесь, что открылся нужный файл и фотография появилась отдельным слоем. Уже после этого настраивайте положение и размер. Это позволит не запутать загрузку изображения с последующей обработкой его кадра.