Google Pixel 2 XL – Sketch Mockup
Last Updated on August 21, 2026 by Editorial Team
A free to use Google Pixel 2 XL device mockup made for Sketch App. Released by Dakoda Reid, a product designer from Toronto – Canada.
What makes this Google Pixel 2 XL mockup worth keeping in your toolkit is how clean the device rendering is on its own.
The front-facing angle, straight on with soft studio lighting and a neutral grey backdrop, is exactly the kind of shot you need for app store screenshots, portfolio case studies, and product pages where the phone itself should stay quiet and let your UI do the talking.
The bezel, camera cutout, and home button are all rendered with enough detail to read as a real Pixel without pulling focus from whatever screen design you drop in.
Look closely at the sample screen and you get a good sense of the mockup’s personality: a rainy city street lock screen with a calendar notification, weather, and a row of Android app icons sitting above a Google search bar.
That default screen is a nice touch because it shows the mockup working as intended, a moody, photographic lock screen that proves the display area handles both flat UI elements and full-bleed photography without looking flat or pasted on.
It’s a good reference point for how your own screens will sit once you swap in your own design.
Where This Pixel Mockup Comes In Handy
This is the kind of file you reach for whenever you need to present a mobile screen design in context rather than as a flat artboard.
Product designers use mockups like this for portfolio presentations, client decks, and case studies where showing a UI inside an actual device frame makes the work feel more real and less theoretical.
It also suits Google Play Store listing graphics, since Android-specific presentations benefit from an actual Pixel silhouette rather than a generic or iOS-shaped phone.
Marketing and social media graphics for app launches, feature announcements, or Android-focused campaigns are another natural fit, especially when you want the visual credibility of showing your product on a recognizable device rather than a plain rectangle.
If you’re building a slide deck or landing page section around an Android app, this mockup gives you a fast way to swap in screen after screen without needing to photograph or render anything yourself.
Editing it follows the same logic as any layered device mockup file.
Open the file in Sketch, locate the screen layer or artboard sitting inside the phone frame, and replace its contents with your own UI export.
Because the frame and the screen are separate elements, you can paste your design in, resize it to fit the visible display area, and mask it to the rounded corners without disturbing the phone’s shadows, reflections, or bezel detailing.
If you’re placing multiple screens for an app flow, duplicate the whole mockup artboard so the lighting and angle stay consistent across every image, which matters a lot when you’re lining up several screenshots side by side in a portfolio grid or app store carousel.
For color changes, check whether the device itself sits on separate layers from the background; many Sketch mockups keep the phone body, screen, and backdrop as distinct groups, which makes it easy to swap the grey background for a brand color or a gradient without touching the phone rendering.
Pairing this with other assets is straightforward.
Drop it next to a set of Android UI kit screens if you’re building out a full app presentation, or combine several instances of the mockup at different rotations or with different app screens to create a hero image for a landing page.
Because the device photography style leans neutral and realistic rather than stylized, it plays well alongside product photography, icon sets, and other true-to-life visual assets rather than flat illustration styles, which tend to clash with photoreal device frames.
