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

Jacek4
New Participant
Nov 28, 2023 8:16 AM UTC

Just started to work with variables and I cant stop wondering what stopped Figma from implementing this from the beginning.

Dan_Hopewell
Active Member
Dec 18, 2023 11:11 PM UTC

+1 for wanting to be able to manipulate alpha transparency independently on aliased color variables.

My immediate use case is for establishing state variants for various semantic application colors (e.g., disabled items are transparent) that still reference our core color primitives.

The goal is to be able to set transparency at the semantic color definition level (rather than manually at the layer level) without having to either unlink each color from its respective primitive or, alternatively, maintaining entirely separate primitive color scales for each potential transparency level of ever single color within our primitives collection.

Keaton_Yang
Dec 20, 2023 6:45 AM UTC

Please add this feature!

Kevin_Rousseau
New Member
Dec 20, 2023 9:48 AM UTC

+1 !!! I dont understand why this feature wasn’t implemented in the last update !

Nouela
New Participant
Jan 4, 2024 5:01 PM UTC

+1. Please make variables usable.

EwaKaminska
New Member
Jan 8, 2024 9:36 PM UTC

+1. Please take variables to it’s true potential!

Feb 7, 2024 3:04 PM UTC

Im replying so the thread doesnt close, but I want this too. Very badly.

Andy33
New Participant
Feb 14, 2024 12:03 PM UTC

Growing a design system at our company and missing this feature badly right now as we do not want to use workarounds or third party plugins for maintaining variables.

Elliott_UX
New Participant
Feb 16, 2024 2:28 PM UTC

+1 to this please

Elliott_UX
New Participant
Feb 16, 2024 2:39 PM UTC

Actually I’ve found that you can create a primitive token using a Hex and opacity, and then simply referencing this from other tokens (as I would other colour primitives) does the job.