Как мокап в фигме?

Для такой задачи нужен мокап сцены, куда подставляется изображение вашего экрана. Один из вариантов внутри Figma предоставляет Mockuuups Studio. Это сторонний плагин, у которого условия доступа и набор доступных материалов определяются самим сервисом.

Этап	Что сделать	Что проверить
Подготовка	Оставить интерфейс отдельным фреймом	Видны ли все детали экрана без случайных внешних слоёв
Открытие	Actions → Plugins & Widgets → Mockuuups Studio	Выбран ли нужный плагин и доступен ли он в вашей среде
Выбор экрана	Нажать на миниатюру нужного фрейма	Используется ли правильная страница и версия дизайна
Выбор сцены	Открыть подходящий мокап	Подходят ли устройство, ракурс и пропорции
Подгонка	При необходимости изменить Crop Image	Не обрезаны ли заголовок, навигация и важные края
Вывод	Export mockup → To Figma	Появилось ли изображение на текущей странице

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

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

Экспорт в Figma создаёт изображение результата. Оно не сохраняет интерактивное поведение кнопок макета. Исходные фреймы остаются местом для редактирования интерфейса и подготовки следующих версий демонстрации.