Skip to main content
Tal_Sznicer
April 4, 2024
Solved

Can't delete a property from a component

  • April 4, 2024
  • 13 replies
  • 4600 views

I have a component that used to have multiple variants (component set), but I edited it, and now it holds only one variant in it. I am trying to remove the only variant property that was left there, but without any success. I guess it has to do something with the definition of the component, and I somehow need to change it back from a component set back to a regular component.

Help 🙏

This topic has been closed for replies.
Best answer by tank666

13 replies

tank666
tank666Answer
April 4, 2024
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
Tal_Sznicer
April 4, 2024

you are my hero 10x!

Luis_Fernando_Lemus_Cordero
New Member
October 1, 2024

My man!, you’re my hero!

I’ve been struggling for two weeks to remove all the properties from a component that went from having multiple variants to just one, and the trick of simply taking it out of the purple rectangle is a winner! Thank you!

MiloW
Active Member
October 15, 2024

Same here… idiotic AF… and the button is there, yet it doesn’t do ANYTHING, no information, no alert!

MiloW
Active Member
October 15, 2024

I don’t have variants, just 1 element, want to remove 1 and only property that was used here…

MiloW
Active Member
October 15, 2024

Yeah but then it’s no longer a component?
EDIT: OMG it doesn’t …it still is a component and it works.

I must say this is idiotic!

BTW it loses the border and doesn’t look like a component anymore, is there a way to bring it back somehow without styling it manually?

Laurel
October 29, 2024

This wasn’t a solution for me. I am just duplicating main components and they are not variants of the main, they are a whole new component.

I did this 4 times yesterday. Today, I copied my component (so again, whole new component) and am simply trying to remove the property so that there are no properties on it, and there is a bug with the “minus” button so I can’t delete the property.

It should be acting like any fresh component with a property added, but it’s not.

The solution is based on the assumption that the issue is with one of a variant set, but that is not the problem. Even OP is showing a video of a main component, not a variant set.

I don’t know what I’m missing here cause it’s just not functioning as normal.

Laurel
October 29, 2024

JK! Apologies, I totally misunderstood what you meant. I see now. All of the components I was copying did have variants, so when I copied and removed the superfluous variants (this component uses the same elements but is singular), I didn’t even realize I was still looking at a variant frame. After so many times copying variants, a component looks very strange without a dotted line around it 😀

Oce_BTP
November 20, 2024

This solved it for me as well! Seems like there should be some auto-cleanup of sorts in the backend that happens for folks stuck on the same issue 🤔 Thanks @tank666 !

Pratyush Tewari
New Member
January 13, 2025
It is not possible to create Variants in a Component Set without properties, or delete a single property. If you don’t need properties, then don’t combine components as variants. And if already combined, then:

Select all variants and drag outside the purple border.

 

 

In other words… If you want to delete the last variant property .. then drag the last component out of the purple dashed frame of the component and the variant property will be removed.