How to change the dimension of a frame to a different preset in Figma

Oscar de la Hera Gomez
A flower that represents Figma with the text “Change Frame Preset” beneath it.

A step by step guide on updating an artboard to a different preset dimension that matches a phone, desktop or tablet in Figma with the content staying the same.

Step One: Select a Frame

A screenshot of Figma that shows that a frame has been selected.

In Figma, select a Frame (artboard).

Step Two: Open the Frame Dropdown

A screenshot of Figma that shows you how to open the Frame preset menu. It is found on the top right of the right side bar in the design inspector.

Select Frame to open the preset dropdown.

Step Three: Select the Preset

A screenshot of Figma showing the frames menu. It holds preset dimensions for Phones, Tablets, Desktop, Presentation, Watch, Paper, Social Media, Figma Community or Archive.

Select the device that you wish to update the frame's dimensions to.

Please note that the content of the frame will stay the same and this allows you to test layouts in different sizes.

We strongly recommend that you use auto layout with constraints to make sure that your designs update as desired.

Looking for more tutorials on the basics behind Frames?

Consult the list below to learn more about the basics behind artboards in Figma.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details