Show me the overrides per component instance and give me the option to reset them individually

Situation
It often happens that there are a lot of instances that have overrides in a design. Sometimes you are not quite aware what exact overrides have been made to a component, though. For example someone could have manually changed the height of a component and if the height override is actually the same as the main component, you would be blissfully unaware.

Problem
You will notice that an override has been made maybe, after you make adjustments to your main component and realising that the instances did not change. Annoyingly, if you want to reset a particular override behaviour, you will have to reset the entire component back to the state of the main component and then do the overrides you do want to keep again. Depending on the complexity of the component (Maybe it is even a nested component), this can be quite the hassle.

Proposal
As such it would be nice if we had some listing of the overrides that have been made (maybe also interesting for the devs) as well as the option to reset them one by one.
E.g. “Source text changed (x), Colour changed (x), WIdth set to fill (x), height set to fixed (x)”
The x would allow to reset these specific overrides.

2 Likes

Are you aware of the kebab menu next to the component instance in the sidebar?

image

Only found it a little while ago myself, it doesn’t tell you exactly what the overridden value is as you outline, but it does allow you to selectively reset overrides:

image

6 Likes

Ohhh I was actually not aware. Thanks for pointing it out, I’ll have a closer look!

1 Like

For this specific situation (override identical to original setting), would it be cleaner to automatically reset the override – since it’s equivalent?

2 Likes

Is this available to all users? We’re on an organization plan at it doesn’t appear that I am able to reset individual overrides.

I’m guessing because your screenshot doesn’t have all the layers visible, but I’d say your fill override and your icon override are on layers other than the top component layer (the icon, definitely). The menu allows you to reset different overrides on the current layer, not overrides on layers down the tree (that would also be cool but rather complicated to display :slight_smile: )

I see, you are correct, thx!

1 Like

Hello, I am once again asking if this would be possible in some way as the existing solution is quite limited (I can’t reset the horizontal width property of a text field without resetting the text contents too), maybe some sort of indicator over bits that are overwritten from the component (similar to Affinity Publisher/ Adobe InDesign) where, on click, you can reset it to the base component’s variable.

Here’s a quick mockup: