A raw watchOS screenshot is a small rounded rectangle that could be anything — a widget, a phone notification, a chat bubble. Put the same screen on a rendered Apple Watch with a band and a wrist context, and it reads instantly as a watch app. For a device this small, the mockup isn't decoration; it's what makes the product legible.
watchOS canvas sizes by model
| Model | Screen resolution | Design canvas |
|---|---|---|
| Apple Watch Ultra 2 (49mm) | 410 × 502 | 410 × 502 @1x |
| Series 10 (46mm) | 416 × 496 | 416 × 496 @1x |
| Series 10 (42mm) | 374 × 446 | 374 × 446 @1x |
| Series 9 / SE (45mm) | 396 × 484 | 396 × 484 @1x |
| Series 9 / SE (41mm) | 352 × 430 | 352 × 430 @1x |
Design at the largest canvas you target and let watchOS scale down. For mockups, export the frame at 2x — a 410 × 502 frame becomes 820 × 1004, which is plenty for the watch screen area inside even a 4K render.
App Store screenshots for watch apps
App Store Connect accepts a single Apple Watch screenshot set at 410 × 502 pixels, shown to all watch models. Unlike iPhone screenshots, watch screenshots must show the app UI without the device frame — Apple composites its own watch hardware around your image on the store page. That means you need two assets: the bare screenshot for App Store Connect, and the full 3D mockup for everywhere else — your landing page, social posts, and press kit.
Three layouts that work for watch mockups
- 01The wrist shot — a watch on a wrist, mid-gesture. Best for fitness and health apps because it shows the real usage context: glancing during a workout.
- 02The floating pair — watch next to an iPhone showing the companion app. Best for apps where the watch is an extension of a phone experience, like messaging or navigation.
- 03The studio close-up — watch alone on a neutral backdrop, screen filling the frame. Best for complications and watch faces, where the UI detail is the story.
The mistakes that flatten watch mockups
- Using a phone-sized headline next to a watch — the device is small, so type set for a phone mockup overwhelms it. Scale your captions down with the hardware.
- Ignoring the always-on dimmed state — if your app's value is glanceability, showing the bright active state only tells half the story.
- Cropping the band out entirely — the band is what makes a watch read as a watch. Keep at least the lugs and a hint of strap in frame.
- Stretching a rectangular phone frame onto the watch screen — watchOS corners are heavily rounded; a mockup tool that masks the screen correctly saves you the manual clipping.
MochiMockup's watch catalog renders Apple Watch scenes in real 3D — the screen mask follows the rounded glass, and lighting falls across the curved sapphire the way it does in product photography. Drop in your 2x watchOS frame and export at 2K free or 4K on Pro.