How Do I Resize a Frame Without Resizing Content in Figma?

Resizing a frame without resizing its content in Figma can be done in a few simple steps. It’s a great way to quickly create a custom look for your layout without having to adjust all the elements individually. The first step is to select the frame you want to resize. You can do this by clicking on it, or using the selection tool.

Once you have it selected, go to the properties panel and click on ‘Size’. Here, you will see two fields: ‘Width’ and ‘Height’. By default, these are both set to ‘Auto’, meaning that if you change one of them, the other will automatically adjust itself accordingly.

If you want to keep the content inside your frame unchanged while resizing the frame itself, switch both Width and Height fields from ‘Auto’ to ‘Absolute’. This will lock those values, so when you adjust one of them they won’t affect each other.

Next, enter in your desired values for width and height. If you want an exact pixel measurement, make sure that all units are set to pixels (you can do this in the dropdown menu below each field). If not, then just enter in any percentage or number that works for you.

Finally, click on the checkmark at the top right of the properties panel and your frame should now be resized without changing its content! Keep in mind that if you try to resize it back down again, then it may cause some of your content elements to overlap and get distorted. However this can easily be fixed by manual adjustments or by simply increasing the size of your frame again.

Conclusion: Resizing a frame without resizing its content in Figma is easy once you know how! Just select your frame, switch Width and Height fields from ‘Auto’ to ‘Absolute’ in the properties panel, enter your desired dimensions and click on the checkmark at the top right of that panel. With these simple steps, you’ll be able to quickly customize your layout with no hassle!