Skip to main content
bart13
New Participant
Jun 22, 2023 11:55 AM UTC

Variables: Color alias with alpha / opacity (rgba ideally)

hey there!

variables seems to be super nice but what i am missing is that if i make a colour alias to a specific collection - i can’t set the opacity separately (e.g. colour 50 with 20% opacity)

So basically i want the colouyr to be from another collection and i want to set the alpha seperatly (controlled as rgba - since i dont need it as opacity)

Example how we can fix this in token studio:
image

So what i want is that i can set blue/5 and then the opacity (which i dont want to capture in another colour variable)


Now its only possible if i break the link with gray/75 - and then i loose the reference to that colour

113 replies

Jacob_Kersh
Jun 20, 2024 7:55 PM UTC

+1 to this, would use it every day

Jun 25, 2024 2:35 PM UTC

+1, would be so helpful!

Nathalie_Gouzee1
Jul 4, 2024 1:27 PM UTC

+1, please !

Jesse_Penico
Jul 5, 2024 5:56 PM UTC

+1 Not sure why this wouldn’t be similar to how number variables are applied to font size/line height/corner radius/etc.

This is an issue I keep running into, especially for components I create that use auto-layout, which assimilates the container & border into the frame, thus removing the ability to apply specific opacity values to each of them individually.

Andy33
New Participant
Jul 8, 2024 1:58 PM UTC

bumping this

FilipaGo
New Participant
Jul 10, 2024 4:49 PM UTC

Just ran into this issue as well 😟
What a terrible way to add color variables in shadows.

djv
Figmate
Community Support
Jul 10, 2024 8:43 PM UTC

Hey All, thanks for the feedback!

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

Oleh_Shydlovskyi
New Participant
Jul 16, 2024 3:13 PM UTC

+1 on that. We got an AI but separate alpha variables are still not in Figma for some reason.

Jul 18, 2024 12:11 PM UTC

yes please. much needed.

Aug 22, 2024 2:32 PM UTC

Badly needed. thanks