Skip to main content

When aliasing a color variable to another (img 1), or using it directly on an element (img 2), we should be able to override the opacity without the need to create a variable for each transparency variation:


Cant override opacity in the alias:


CleanShot 2023-06-22 at 10.09.00


Example 2


Cant override the fill opacity:


For non-gradient use cases, we can handle it with layer opacity. But for gradients, it’s impossible if you want different opacities of the same colour at different points.


+1, layer opacity is definitely not the anwser (think about the handover to developers). Additionally, oklch implementation would also help.


+1 vote for this feature!


+1 I really need this feature


Huge +1 on this one 🙏


+1 as it would ease our design token implementation using variables


still waiting and wishing in late 2024


still waiting and wishing in late 2024


We need the ability to set opacity on only the fill or the stroke, not the whole layer



still waiting and wishing in late 2024


+1 on this! Would be so great!


Sometimes, this is truly necessary, especially when working on templates where changing one color, like the brand color, automatically updates all variations.


All I wish for Christmas is this 🥲


Please.


+1 for the opacity option for a color variable


+1 Design System management and theming so painful without this


This is an atrocity. Figma this really needs addressing.


We need this!!! +1000


Would love this


+1 to any suggestion that involves breaking the link between color and opacity.


following… me three (hundred) 🙋🏼


+1 Just started using variables and while they’re great, it feels incomplete without this. Any solid color system needs to support defining variants relative to a base color.


+1 This is much needed


+1 this - definitely need this for the color system


+1 from me.  Not having separation of transparency and colour variables is going to cause me lots of extra work, and will result in a messy design system that’s hard to manage.  


Reply