Web Design » Figma » How Do I Change the Size of a Frame in Figma?

How Do I Change the Size of a Frame in Figma?

Last updated on September 29, 2022 @ 10:01 am

There are a few ways to change the size of a frame in Figma. One way is to simply click and drag the edges of the frame to the desired size. Another way is to select the frame, then click on the “Size” tab in the inspector on the right-hand side and enter the desired width and height.

If you want to change the size of a frame while keeping its aspect ratio, you can hold down the “Shift” key while dragging one of its edges. Or, you can select the frame, then click on the “Lock” icon in the inspector next to the “Width” and “Height” input fields. This will keep the width and height locked together, so changing one will change the other proportionally.

PRO TIP: If you are not careful when changing the size of a frame in Figma, you could end up with distorted or misaligned elements within the frame. Take care to resize all elements within the frame proportionally, or you may have to redo your work.

Finally, if you want to change the size of a frame by a specific amount, you can select it, then hover your mouse over one of its edges until you see a double-headed arrow appear. Click and drag that arrow to resize by a specific amount.

To sum up, there are several ways to change the size of a frame in Figma depending on what you’re trying to achieve. Try out each method to see which one works best for your needs.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.