Beautiful mobile screenshots with the Mobile Mockup Maker

Eric Lu
Eric Lu
Jun 14, 2018 · 1 min read

For a long time, I’ve tried to find an easy way to make a mobile screenshot with a simple frame and background. Here’s my usual process:

  • Search for a mobile frame with a transparent background on Google
  • Copy the frame into a Google Slides presentation
  • Paste my screenshot into the presentation
  • Meticulously resize my screenshot to fit the frame
  • Screenshot the whole thing together and download

I had to go through these motions every time I wanted to make a mock for my presentations — for each mock!

To solve this, I decided to hack together the Mobile Mockup Maker. It’s a really easy way to make a simple, but good-looking mobile mock.

All you have to do is select a screenshot, and you can immediately download the final image. If you want, you can customize it by choosing how you want the image to appear, the background color, and the color of the phone frame. You can even set the background to transparent, so that your mockup works wherever you copy it.

I hope this helps the other product managers and designers out there who are working to put together beautiful mocks!

Kapwing

Blog for the online video meme makers

Eric Lu

Written by

Eric Lu

I like making things

Kapwing

Kapwing

Blog for the online video meme makers

More From Medium

Also tagged Product Management

Top on Medium

Mar 25 · 22 min read

27K

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade