Smartphone mockup placed on colorful books


A device mockup is an image of a device showing its screens. They’re often used in marketing and social media to show off websites, apps, or products in use. A device mockup can make a big impact in presentations, too. This particular mockup features a smartphone placed on top of some colorful books. The books add a touch of warmth and personality to the scene. Plus, they make it easy to change the color of the background. Figma is the perfect tool for creating this kind of mockup scene. With Figma’s vector tools, you can easily change the colors of the books to match your brand. And because Figma is an online tool, you can share your mockup with clients or team members with just a few clicks.



  • Simply drag & drop your screenshot or import from Figma, Sketch and Photoshop
  • No need to download and store large design files
  • High-Resolution (5708×3805)
  • No watermarks
Mockup Generator API

Generating iPhone mockups from this template can be fully automated using our API. You only need to provide the ID of this mockup and a URL of the screenshot or website you want to place in the mockup and we'll take care of the rest. Learn more about the automation

Y4iBbAt_dQF0iwgp Copy ID

iPhone 14 Pro Mockup

Smartphone mockup placed on colorful books

Open in Desktop App

Easiest way to use mockups in Figma

Speed-up your Figma workflow and access device mockups without leaving Figma.

Get Mockuuups Studio for desktop

Unlock powerful features and access your favorite mockups from one place.