Skip to main content

I would like to be able to use colour styles just like fills / strokes. Meaning that I would like to be able to apply mutliple of them and or combine them with other fills.


Current implementation:

Currently using a colour style for either the fill or the stroke completely disables adding new fill or stroke colours


Why I would need the feature:

Using them in combination with other colour styles and or regular fills / stroke colours would allow me to do things like define shades over an image fill that I could reuse and update easily, or define a highlight shade that I can apply for different states (like mouse over).

Currently, if I wanted to do that I would need to create multiple layers and give each of them their own colour styles. This is very much possible but complicates groups that have auto-layout or leads to text layers being below other layers and as such are not easily changeable without going through the layer panel.

It would also enable you to quickly create slight variants of your components without having to completely decouple it from their colour style.


How I would like them implemented:

Basically I would like them implemented just like fills and strokes currently are: You can add new ones, move them up and down in the list as well as remove them.


  1. Describe the problem your experiencing and how your idea helps solve this


I’d like to be able to stack styles from my library on top of each other much like you can do with multiple fill layers or stroke layers, but actually being able to use preset styles from my library to do so.



  1. Add as much context as possible (screenshots, Figma files, mockups, etc.)


fill with styles

Need this please!

I need this, please!

We desperately need this feature.

PLEASE. 😩 🙏

Every. single. day. I keep needing this.

The struggle is real, specially with auto-layouts as Arvid states.

I hoped this would be part of the individual strokes feature (or at least being able to set separate colors)

any updates on this feature? this is important to have in a design system. the engineers in my team had to add manually the layers. It’s really important for best practices, Hovers on buttons and other states changes.


Thanks

+1 to this request.

Our table cell components, for example, have a different border color on top and on the right.


In Figma, I have to “hack” it by either making one of those a separated element, and nest it inside my component… or making one of the borders an inner shadow effect. Neither hack is true to the way the class is actually built in CSS, making our Figma file confusing for our dev team.

Plus one bump from our team as well

Hey All, thanks for the feedback!


We’ll pass this onto our team for future consideration.

Reply


Terms & ConditionsCookie settings