Pasting images into components should retain image fill settings

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! 🙂

Hi @heathvs,
Thank you for your feedback! I merged your topic with the previous one so we can gather all the feedbacks in the same place.

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.