Figma is a fantastic tool that allows you to create beautiful designs. But did you know that you can also resize a frame with its content in Figma? This article will guide you through the process step by step.

What is Figma?

Figma is a design tool used for creating digital designs like websites, apps, and more. It’s popular among designers because it’s easy to use and offers a lot of flexibility.

Understanding Frames in Figma

In Figma, a frame is like a canvas where you place your designs. Normally, when you resize a frame, the content inside doesn’t change size with it. This can sometimes lead to a messy design. But don’t worry, there’s a way to resize both the frame and its content together!

Step 1: Select Your Frame

The first thing you need to do is select the frame you want to resize. To do this, simply click on the frame. Make sure all the content you want to resize is inside the frame.

Step 2: Use the Scale Tool

Next, you’ll need to use the Scale Tool. This is the tool that will allow you to resize your frame and its content together. To select the Scale Tool, press ‘K’ on your keyboard. You can also find the Scale Tool under the Move Tool in the Figma interface.

Step 3: Resize Your Frame

Now that you’ve selected the Scale Tool, you can resize your frame. Click on a corner of the frame and drag it to make the frame larger or smaller. As you do this, you’ll notice that the content inside the frame resizes with it. This means you’re successfully using the Scale Tool!


And there you have it! You’ve learned how to resize a frame with its content in Figma. This is a handy skill that will help you create more flexible and dynamic designs. So go ahead, give it a try and see what you can create!