← все инструменты

📲 Генератор мокапов

Загрузите скриншот — он встанет в рамку смартфона, планшета, ноутбука, монитора или окна браузера. Настройте фон, поворот и тень, добавьте заголовок и скачайте PNG для App Store, лендинга или поста. Картинка обрабатывается в браузере и никуда не отправляется.
Нажмите, перетащите или вставьте картинку (Ctrl+V)
Рамки нарисованы в коде и не повторяют фирменные изображения производителей. «Прозрачный» фон + «По устройству» дают PNG без фона — удобно для вставки на сайт или в презентацию. Экспорт — до 2560 px по длинной стороне.

Частые вопросы

Что такое мокап и зачем он нужен?

Мокап — это ваш скриншот или картинка, вставленные в реалистичную рамку устройства: смартфона, ноутбука, монитора или окна браузера. Так приложение или сайт выглядят «живыми» — для App Store, лендинга, портфолио, презентации или поста в соцсетях.

Мой скриншот куда-то загружается?

Нет. Мокап собирается прямо в браузере на canvas, файл не покидает устройство. Можно спокойно использовать скриншоты рабочих и ещё не опубликованных проектов.

Как получить PNG с прозрачным фоном?

В разделе «Фон» выберите «Прозрачный», а в «Размер картинки» — «По устройству». Получится PNG только с устройством и тенью — его удобно вставлять на сайт, в Figma или презентацию.

Какие размеры подходят для соцсетей?

1:1 — квадратный пост, 4:5 — лента Instagram, 9:16 — сторис и Reels, 16:9 — обложка YouTube или шапка. Экспорт идёт в высоком разрешении, до 2560 пикселей по длинной стороне.

Можно повернуть устройство в 3D?

Да. Ползунок «3D-поворот» разворачивает устройство в перспективе, «Наклон» — поворачивает в плоскости. Есть готовые ракурсы: прямо, влево, вправо, динамично.

Это официальные рамки Apple или Samsung?

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