Web Design » Figma » How do you use iPhone mockUPS in Figma?

How do you use iPhone mockUPS in Figma?

Last updated on September 24, 2022 @ 6:58 pm

MockUPS are great for wireframing, but they can be cumbersome to work with in Figma. That’s where iPhone mockUPS come in!

With iPhone mockUPS, you can quickly create mockUPS of your app’s user interface using the mockUPS’ built-in interface. You can also use these mockUPS to test your app’s user interface before you start development.

To create an iPhone mockup in Figma, first open the mockUPS app on your iPhone and sign in. Once you’re logged in, click on the “Create a new mockup” button in the top left corner.

Next, name your new mockup and select the type of mockup you want to create. You can create a simple mockup or a fully fledged mockup.

PRO TIP: When using iPhone mockups in Figma, be sure to use the correct template dimensions for your project. iPhone mockups are typically designed at either 3x or 4x resolution, so be sure to select the correct template size when starting your project. Additionally, be aware that some iPhone mockups may include bleeds or padding, so make sure to account for this when placing your design elements.

After you select the type of mockup, you’ll be prompted to choose a template. The templates provide a starting point for your mockup, but you’ll need to customize them to fit your app.

Once you’ve selected a template and selected a layout, you’ll be able to start customizing your mockup. You can change the colors and fonts, add images, and more.

To create a mockup in Figma, first open the mockUPS app on your iPhone and sign in.

After you select the type of mockup.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.