Skip to main content

Let me use multiple colour styles on one object


Arvid
  • Active Member
  • 44 replies

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.

11 replies

Kyle_Mitchell
  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


Antoine
  • 144 replies
  • February 22, 2022

Need this please!


Simeon_Kartov

I need this, please!


Hari_Krishnan

We desperately need this feature.


andrea-hg
  • New Participant
  • 14 replies
  • April 12, 2022

PLEASE. 😩 šŸ™
Every. single. day. I keep needing this.
The struggle is real, specially with auto-layouts as Arvid states.


KaiMagnus

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


Michele_Pella

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


Marcio_Gutheil1

+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.


J_Hogue
  • 1 reply
  • February 9, 2024

Plus one bump from our team as well


dvaliao
Figmate
  • Community Support
  • 4654 replies
  • February 12, 2024

Hey All, thanks for the feedback!

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


JakeRayner
  • New Member
  • 1 reply
  • February 7, 2025

+1 on this - is this feature being worked on? 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings