Web Design » Figma » How Do You Get a Device Frame in Figma?

How Do You Get a Device Frame in Figma?

Last updated on September 29, 2022 @ 12:30 am

There are a few different ways that you can get device frames in Figma. One way is to use the built-in device frames that come with the software. To do this, simply click on the ‘+’ icon in the top left corner of the screen and select the ‘Device Frame’ option from the menu.

Another way to get device frames in Figma is to use one of the many third-party plugins that are available. These plugins add a wide range of different devices frames to Figma, giving you more choice when it comes to how your design will look on different screen sizes.

To use a third-party plugin, first go to the Figma Plugin Directory (https://www.figmaplugins.com/). Here you’ll find a list of all the different plugins that are available for Figma. Once you’ve found a plugin that you want to use, simply click on the ‘Install’ button and follow the instructions on screen.

Once you have your device frame set up in Figma, you can start adding your design elements. To do this, simply click and drag your element from the left sidebar onto your device frame. You can then use the various tools in Figma to edit and position your element exactly how you want it.

Conclusion: There are a few different ways that you can get device frames in Figma. The built-in device frames are a quick and easy way to get started, but if you want more choice then you can use one of the many third-party plugins that are available.

PRO TIP: If you are not careful, you could end up with a device frame that is not the correct size for your project. Make sure to check the dimensions of your project before starting to add a device frame.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.