Allow usage of multiple styles at a time

Description

As a user, I want the ability to use multiple linked styles at a time so that styles can be more modular.

For example, I want to define a Drop Shadow style and a Background Blur style. In some cases I want to use them separately, some objects only have a drop shadow while others only have a background blur. In some cases I want to use them together, some objects have both a drop shadow and background blur.

Currently, I can create a single style that contains a drop shadow and a background blur; however, I cannot create two separate styles and use them together.

image
I can define as many static properties under Effects as I want.

image
However, I can only use a single Style under Effects.

image
That Style may include as many properties as I want; however, I want to be able to separate these properties into their own styles.

Currently, I would have to create three styles:

  1. Drop Shadow Style
  2. Background Blur Style
  3. Drop Shadow & Background Blur Style

Whenever I update the Drop Shadow style I would also have to update the Drop Shadow & Background Blur Style to ensure the drop shadow effect is the same value.

Instead, I want to be able to use the two separate styles (Drop Shadow and Background Blur) together or individually when I choose.

1 Like

Iā€™m in the exact same boat.
Our design system has 5 different set shadow levels saved as 5 different styles. Unfortunately right now, in order to combine them with a background blur effect, I would need to either detach the style, or create another 5 separate effect styles that combine the shadow + BG blur, which seems pretty convoluted.

Would love to just be able to combine different kinds of effect styles honestly

2 Likes

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.