How Do I Change a Prototype Device in Figma?

Figma is a powerful design tool that can help you create user interfaces for your apps and websites. It’s easy to use, and it allows you to quickly create prototypes of your designs. But what happens when you want to make changes to a prototype device in Figma?

The first step is to select the prototype device in Figma. This can be done by clicking on the “+” icon in the top right corner of the canvas. From there, you will be able to choose from a variety of devices including phones, tablets, and desktops. Once you have chosen the device, click on it to open up its properties panel.

You can then make changes to the prototype device by adjusting its settings such as size, color, background image, or animation. You can also add elements such as text boxes or buttons that will allow users to interact with your prototype device. Additionally, you can adjust how elements are laid out on the page using grids and frames as well as adding interactions such as swipes or clicks which will trigger events within your prototype device.

Once you have made all of your adjustments, click “Save” at the top right corner of the canvas and your changes will be applied. You can also share your prototype device with other people so they can view and interact with it in real-time using Figma’s collaboration feature.


Changing a prototype device in Figma is relatively easy and straightforward – all it takes is a few clicks from selecting a device to adjusting settings and adding elements before saving your changes. With Figma’s collaboration feature, you can also easily share your prototype devices with others for them to view and interact with in real-time.