Problem:
If I create a red rectangle from the color library and create a component from it, Figma automatically fills the fill in white and sets it to invisible even though I had previously set it to red.
I have been working with Figma for 3 years, 5 days a week and more than 8 hours a day, this functionality is completely new and illogical to me. I have watched older YouTube videos where a component is created and you can see that this stupid feature was not there.
Does anyone have any idea why Figma introduced this?
It creates an extra step that is completely unnecessary by deleting the white and replacing it with the actual color.sting!
Hey @Maurice1, thanks for flagging and sorry for the frustration!
I confirmed with the team that adding an invisible fill isn’t a recent bug or regression. It’s been done this way since late 2018/early 2019, but it looks like we stopped adding the empty fill on frame selection ~2 years ago.
Creating a component wraps the rectangle in a frame, and the invisible fill is on the frame (which is selected in your screenshots.) Clicking into the layer list to select the rectangle will show that it still has the red fill set on it.
This is currently expected behavior since a shape can’t be a top level of a component, but again, it looks like we started adding the fill on frame selection ~2 yrs ago. Our team will look into improving this!