Skip to main content

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.

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

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


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

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.

Screenshot

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

I see, you are correct, thx!

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:

image

Definitely want better visibility for overridden properties and more comprehensive coverage for properties that are considered overrides.

Disappointed this hasn’t been looked at, the list of “Reset X” is also still dumping a lot of properties into “Other”, and the new UI3 doesn’t look to have covered this either. Figma really needs to be way more transparent about the data in a component instance.

Reply


Terms & ConditionsCookie settings