DEV Community

Cover image for iPhone 16 Mockup for Figma
Dmitrii Bunin
Dmitrii Bunin

Posted on

iPhone 16 Mockup for Figma

Hello, today I’m happy to share my Figma iPhone 16 mockup. This free file includes realistic, fully responsive, layered, and structured iPhone 16 components for UI design, mockups, and presentations in Figma.

Download the iPhone 16 Figma Mockup

You can use this file to showcase your app designs with a professional-grade mockup.

Image description

The iPhone Mockup file includes:

  • Realistic iPhone Pro, Pro Plus, and Pro Max mockups;
  • Figma variants, as iPhone color models. Includes Natural, Dark, White, and Desert iPhone colors;
  • Support for iOS 18 border glow effect. With our mockup, you can customize glow intensity and colors using the Noise & Texture plugin to update the iOS glow layer.

How to use Figma iPhone mockup?

  1. Open and duplicate the Figma file;
  2. Navigate to the Assets panel, find the iPhone 16 Pro component, and place it on your canvas;
  3. Select your iPhone model (Pro Max, Pro Plus, or Pro);
  4. Adjust the mockup's glow effects and iPhone colors;
  5. Create stunning UI design in Figma with our iPhone 16 mockup!

→ Download the iPhone 16 Mockup for Figma

Explore More Free Design Resources


This resource is brought to you by Frames X UI Kit.

Explore the largest design system in the world and level up your design toolkit!

Top comments (0)