Web Design » Figma » How do I make a device mockup in Figma?

How do I make a device mockup in Figma?

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

Making a device mockup in Figma is easy. First, create a new document.

Then, in the document’s toolbar, click the “Mockup” button. In the “Mockup” dialog box, select the “Device” template. In the “Device” template’s “Device Options” dialog box, provide the following information:.

Name: The name of the device you are creating the mockup for.

The name of the device you are creating the mockup for. Device Type: Select the type of device you are creating the mockup for.

Select the type of device you are creating the mockup for. Device Orientation: Select the device orientation you are creating the mockup for.

Select the device orientation you are creating the mockup for. Device Resolution: Select the device resolution you are creating the mockup for.

Select the device resolution you are creating the mockup for. Device Width: Select the device width you are creating the mockup for.

PRO TIP: Please be aware that Figma is a powerful design tool that can be used to create high-quality device mockups. However, it is important to remember that Figma is not a substitute for professional design or development expertise. If you are not familiar with the tool, we recommend seeking out professional help before creating your device mockup.

Select the device width you are creating the mockup for. Device Height: Select the device height you are creating the mockup for.

Select the device height you are creating the mockup for. Device Display Resolution: Select the device display resolution you are creating the mockup for.

Select the device display resolution you are creating the mockup for. Device Display Orientation: Select the device display orientation you are creating the mockup for.

Select the device display orientation you are creating the mockup for. Device Display Width: Select the device display width you are creating the mockup for.

Select the device display width you are creating the mockup for. Device Display Height: Select the device display height you are creating the mockup for.

Select the device display height you are creating the mockup for. Device Display Aspect Ratio: Select the device display aspect ratio you are creating the mockup for.

Select the device display aspect ratio you are creating the mockup for. Device Display Refresh Rate: Select the device display refresh rate you are creating the mockup for.

Select the device display refresh rate you are creating the mockup for. Device Resolution: Select the device resolution you are creating the mockup.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.