Figma Support Forum

Get overrides working with Interactive components

Hi,

I decided to add interactivity to my design systems components used by many projects. These projects have their own color scheme and every components must inherit that.
So, when an instance of is placed in a project and the project’s color scheme applied to this button, it will only affect the selected variant but not the other states.
As expected will you say, but i summarize my problematic use cases :

  • You want a design system with interactive components so you can’t have color overrides
  • Your design system instances have color overrides so it can’t hold interactive components

However, and if I understand the logic behind it, this behavior differs from the text override, which, in my mind, is a property of on object as well as it’s color.

Do you know a workaround ? Do you consider the behavior a defect to some extends ?

Color change exemple

3 Likes