Web Design » Figma » How do I add a device frame in Figma?

How do I add a device frame in Figma?

Last updated on January 6, 2023 @ 7:51 pm

Adding a Device Frame in Figma

If you’re working with devices in your designs, you’ll want to add a device frame to your project. A device frame is a rectangular area that surrounds all of the devices in your design.

It helps to keep your design organized, and it makes it easier to identify which device is being referenced.

To add a device frame in Figma, follow these steps:

1. In your project, click on the frame that you want to change. Then, select the Design tab and click on the “Frame” drop-down menu to open up more options.

2. From there, select a model from the available devices listed to apply the size of its frame to your design.

NOTE: Scroll down to see the full list of device frames available.

3. And that’s it! The frame will then be applied to the selected frame in your design!

PRO TIP: If you are not familiar with Figma, adding a device frame can be tricky. Make sure to read the instructions carefully and follow them step-by-step. Otherwise, you may end up with a frame that is not properly sized or placed.

4. If you need to resize the frame, you can do so by clicking and dragging the frame border handles.


Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.