Expand Reset Overrides

Adding on here a related use case. I use the Themer plugin to swap between light and dark mode colors. The problem is when you mix this with components, it’s constantly adding overrides so components get out of sync with the main component unintentionally.

Specific example:

• Say I have a component example which default styles use light mode colors.
• Normal instances will update when I update the base component
• If I use Themer to swap to dark mode, it will now have overrides on all the colors. This is a little annoying but I can live with light mode being the source of truth so it is not a huge issue. If swapping back to light mode and back to dark mode again fixed it I’d be happy since swapping is so easy with Themer.
• However, if I take the dark mode component and use Themer to swap it back, it now looks like the main component but actually has a bunch of color overrides. This means if I update, say, the background color of the main component it will no longer update in this instance and thinks get confusingly out of sync.

Two ideas:

1. I wish if an instance had an “override” that matched the main component style, it wouldn’t actually be considered an override. Maybe I’m missing something of why this wouldn’t be desired, but I think this is what I’d always want for my use cases.
2. If not, I wish I had a way to select a bunch of things, and have an option to quickly reset ALL FILL overrides. Currently I can only reset all overrides, but that also would reset text, size, swapped icon instances, etc etc.

Currently I have to select every little thing (backgrounds, text, etc) in the instance in the right side panel, click the ... and select Reset fill on every little part for all instances I have. It’s very tedious.

In my mind, Figma should treat “content” completely separately from overrides. For example, a component might have a static label + variable content. If I change the label text, sure, makes sense to reset when I override. If I change variable content, meaning that I linked using the “content” text property, I would expect that to be handled separately and be able to “reset” the component without losing the text.

Webflow handles this well. It shows you what properties differ from the base property and allow you to easily reset to the base property value. I could imagine Figma having a similar interaction.

Resetting (individual) auto layout properties would be extremely helpful. I often find myself redoing a lot of variants where for some reson some padding carries an override and does not update to the master component anymore…

I also wonder if this could be achieved quickly with some console command. I read through the developer docs but did not find someting about resetting a component.

Please. Please allow resetting of styles without resetting text, geez.

Which styles do you mean, for text? If there are style overrides in text, usually the option “Reset Text Style” appears. “Reset Text” will reset the context. And with “Reset Fill / stroke / effects” you target other style properties. So I think when it comes to styles, resetting seems pretty well covered.

Where are you seeing individual reset options, Lea? I only have one option to reset. Am I looking in the wrong place?

If I reset the overrides of a button, it resets the button copy too. If I have a button with icon, it resets the icon too. If I want to experiment with border-radius, background colour, dropshadow, auto layout etc of a component, I want to be able to reset all of that without touching the content (text and selected icons, usually). That is currently not the case, but if you know better, please help 🙂

Dudes, come on. At least let us reset font styles without overriding content. This is such a bummer while using your components 😦

+1 I also could have good use of an expanding “Reset…” pane