Help with Image compression in Child Frames?

Hi Susanne,

I totally get how frustrating this can be! When dealing with images inside nested Frames in Figma, a common cause of unwanted gaps is the way Frames handle their resizing and constraints.

Here’s a step-by-step approach that might help:

1. Select the child Frame with your image.

2. Check the Constraints settings (on the right panel). Set the horizontal constraint to “Left & Right” so the Frame stretches with its parent.

3. For the image inside the child Frame, also set its constraints to “Scale” or “Left & Right” depending on how you want it to behave.

4. If you want the child Frame to match the parent’s width exactly, try selecting the child Frame and use the “Resize to Fit” option or manually drag the edges to snap to the parent Frame’s width.

5. Avoid absolute positioning if you want everything to stay aligned responsively.

If you often paste images, consider creating a master Frame with the right dimensions and constraints, then always paste images inside it to maintain consistency.

Hope this helps — feel free to share screenshots if you want me to take a closer look!

Good luck!

Hi Wirkkarl, 

Thank you for your response. I tried to follow your instructions and still no go :(

Yes, so moving forward I should create a master Frame. Please keep in mind that I will be using several different frames in a Frame. I am working with a  Frame size of 412x917. Would you kindly let me know how to create this master frame, how to choose the right dimensions and constraints to maintain consistancy. 

Here is a Full screen shot of what I am doing. The issue is with Frame 3. 

Thanks for your help! :)