Figma Support Forum

Component not retaining the "Image Fill > FIT" setting

Okay, I can’t be the only person with this issue, but I swear I’ve looked everywhere for the answer, and can’t find anything.

In my Component, I have an image that is set to “FIT” in the “Image Fill” settings (I really do want it to fit the entire image, without cropping anything out). When I duplicate the component and swap out the image, it always defaults back to FILL. This is super frustrating, as I literally need to create 100+ of these images so I’d hate to have to change them all manually (and also defeats the purpose of Components, right?).

Any tips? Advice? Workarounds?? I’m about to lose my hair…

Is there some kind of workaround for this? Is there something I can do using another function, like Auto-Layout or something? I’m still fairly new to Figma, so I’m at a loss here… thanks in advance!

How do you change the image in the instance? Copying an image fill and pasting it into an instance, or using “Choose image” in the “Image” panel? In the first case, the “Fill” property will also be copied. The latter preserves the “Fit” property of the image. I also tried changing the images using the Unsplash plugin, the “Fit” property still remains and does not change to Fill.

Aha… that does it; except that this method is super time-consuming, since I have over 100 images to swap out. Previously, I would select a bunch of images in a folder, then go to COPY, then click to PASTE in each of the instances. This makes it super fast, but unfortunately doesn’t retain the “fit” property. Bummer!

But thank you, though! This is very helpful - even though it’s not as quick, at least it works properly! :slight_smile: