How Do I Show Devices in Figma?

Figma is an online interface design tool that has become popular among web and app developers. It is used to create user interfaces, as well as to collaborate with other designers.

One of the key features of Figma is the ability to show devices in the design. This feature allows designers to see how their designs will look on different device screens, such as mobile phones, tablets, and laptops.

Designers can easily add devices to their Figma projects and customize them with different orientations, screen sizes, and resolutions. To do this, they simply need to click the “+” icon in the top-right corner of the canvas and select “Device” from the drop-down menu. This will open a list of device options which includes everything from iPhones and iPads to Google Chromebooks and Microsoft Surface Pros.

Once a device has been added to a project, designers can then customize it by selecting different orientations or screen sizes. They can also adjust the resolution of their design by selecting from a number of pre-defined resolutions or entering a custom resolution. This makes it easy for designers to tailor their designs for different devices without having to redo any of their work.

Using Devices in Figma

Using devices in Figma helps designers ensure that their designs look great on any device they are presented on. They can quickly adjust their design based on device orientation or screen size with just a few clicks. Additionally, they can preview how their design will look on mobile or tablet devices using Figma’s built-in device simulator.


Showing devices in Figma makes it easy for designers to create responsive designs that look great on any device they are presented on. With just a few clicks, they can quickly adjust the orientation, screen size, and resolution of their project depending on what type of device they are Targeting. As such, it is an essential tool for anyone working on web or app designs.