Хочу поделиться с вами небольшой, но полезной подборкой онлайн инструментов и приложений для работы с мокапами. Отличный вариант для тех у кого нет возможности использовать Photoshop, но необходимо быстро сделать красивый мокап для сайта или презентации.
С этими онлайн приложениями вы сможете создават мокапы:
- Browser
- Apple
- Android
- Windows
И другие.
Бесплатные мокапы
![](https://www.komarov.design/content/images/2021/09/CleanShot-2021-09-22-at-07.38.19@2x.jpg)
Figma плагин от ls.graphics - это самый простой и удобный способ работы с качественными мокапами в Figma. Кроме этого, в нем уже есть новейшие мокапы iPhone 13. 🤘🏻 Это реально крутой плагин, с реально крутыми и качественными мокапами.
![](https://www.komarov.design/content/images/2021/02/mockup-free-psd-download-2-1.jpg)
Скачать: 88 бесплатных мокапов PSD
Smartmockups
![](https://www.komarov.design/content/images/2021/01/screenshot-2021-01-29-at-09.35.55@2x.jpg)
Большая платформа для создания мокапов. От мобильных устройств до упаковки еды и одежды. По словам разработчиков, это самый быстрый веб-сервис для создания мокапов, он простой в использовании — не нужны дополнительные навыки или опыт в дизайне. Быстрорастущая библиотека профессиональных мокапов.
Mockuuups Studio
![](https://www.komarov.design/content/images/2021/01/screenshot-2021-01-29-at-09.27.55@2x.jpg)
Приложение для создания мокапов доступное для Windows, Mac и Linux. В арсенале имеется более 700 различных мокапов с техникой и красивыми сценами. Мокапы имеют высокое разрешение 5472×3648.
https://mockuuups.studio/
PlaceIt by Envato
![](https://www.komarov.design/content/images/2021/01/screenshot-2021-01-29-at-09.24.01@2x.jpg)
Мощный генератор мокапов от Envato. Библиотека насчитывает более 30 тысяч объектов и сцен.
Shotsnapp
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-16.10.11@2x.png)
Бесплатный и простой инструмент для создания макетов устройств для вашего приложения и дизайна веб-сайтов. Минус: Не поддерживает Safari.
https://app.shotsnapp.com
Animockup
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-16.12.57@2x.png)
Позволяет создавать бесплатные анимированные макеты продуктов с видео и анимированные GIF-файлы.
Mock
Приложение, которое позволяет легко добавлять кадры устройства в записи экрана для создания красивых макетов видео.
https://www.mock.video
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.20.32@2x.png)
Pixelsurplus
![](https://www.komarov.design/content/images/2021/01/screenshot-2021-01-29-at-09.40.34@2x.jpg)
Небольшая библиотека с бесплатными и красивыми мокапами для презентаций. Из минуса: нет онлайн редактирования.
Threed
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.21.33@2x.png)
Создавайте пользовательские макеты 3D-устройств в своем браузере.
https://threed.io
Device Shots
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.22.02@2x.png)
Создавайте бесплатно макеты устройств в высоком разрешении со снимками экрана вашего веб-сайта или мобильного приложения.
https://deviceshots.com
Store Previewer
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.23.12@2x.png)
Очень удобный инструмент который позволяет создать предварительный просмотр вашего приложения в App Store без необходимости его публикации.
https://www.storepreviewer.com
Facebook Design
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.23.53@2x.png)
Файлы изображений и эскизов популярных устройств.
https://design.facebook.com/toolsandresources/devices
Dimmy.Club
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.24.59@2x.png)
Простой Генератор мокапов устройств для ваших скриншотов.
MagicMockups
![](https://www.komarov.design/content/images/2021/01/screenshot-2021-01-29-at-09.37.31@2x.jpg)
Простой и быстрый инструмент для создания мокапов для телефонов, планшетов и ноутбуков.
MockDrop
![](https://www.komarov.design/content/images/2021/01/screenshot-2021-01-29-at-09.46.03@2x.jpg)
Небольшая коллекция мокапов. С простым редактированием.
Rotato
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.46.35@2x.png)
Одно из лучших приложений на Mac для создания анимационных мокапов.
https://www.rotato.xyz
Veed
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.26.27@2x.png)
Простой и быстрый способ добавить субтитры к вашим видео в Интернете.
https://www.veed.io
Screen Guru
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.27.04@2x.png)
Делайте чистые скриншоты любого веб-сайта.
https://screen.guru
Screenly
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.27.49@2x.png)
Мгновенно превратите свои скриншоты в красивые мокапы рабочего стола.
Artboard Studio
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.28.40@2x.png)
Первое онлайн-приложение для графического дизайна, в основном ориентированное на макеты продуктов. Создавайте, анимируйте, работайте совместно и делитесь своими проектами с помощью обширной библиотеки ресурсов и шаблонов прямо в браузере. В библиотеке имеется больше 1290 мокапов для ваших проектов. Один из самых мощных редакторов подобного типа.
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.33.46@2x.png)
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.32.30@2x.png)
Prewiwed
Удобный онлайн инструмент, который позволяет легко генерировать красивый мокапы и скачивать их в высоком разрешении.
https://previewed.app
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.52.25@2x.png)
Позволяет выбирать 3d модели и готовые шаблоны сцен и крутить их как душе угодно.
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.54.00@2x.png)
MockJar
712+ реалистичных мокапов для вашего дизайна
![](https://www.komarov.design/content/images/2021/01/CleanShot-2021-01-27-at-17.55.14@2x.png)
⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.