Overload problems


In the design system I have a list of buttons with different styles (Filled, Tonal filled, Outlined, Text). Since they are buttons, they have at least 2 states: Default / Focus.

I use these different styles to determine which will be applied to the primary buttons and which will be applied to the secondary buttons.

I use these different button hierarchies to create a list of buttons on a product information page. And I apply the focus state to the primary button.

Now the artistic direction of the project evolves and the client wants the primary buttons to be outlined and the secondary buttons to be text. To avoid having to go back through all the UI pages to manually change the buttons, I change the primary button in the Button Hierarchies component from Filled to Outlined and the secondary button from Tonally Filled to Text.

But we can see that on the product page, the button I changed to Focus remained in the Filled style, and the other buttons were changed to the new style, but I lost the texts, which were reset.

Why? What am I doing wrong? What would you do?

1 Like

Hi there,

Thanks for the post. It could be overridden or related to something else. It looks like our support team needs to investigate ‌the file, so feel free to reach out to them via this form: https://help.figma.com/hc/en-us/requests/new?


It’s done @y_toku , thank you.

Is anyone else experiencing this problem?
Do you know how to solve this problem, even if it’s using another method, another way of doing things in Figma?
The aim is to meet the initial need, that of quickly updating an artistic direction without having to go through all the screens again to change the same things by hand :wink: