Please show Variable's description in tooltip on hover

I think this might be a bug. Currently, there is no way to see the description defined for a variable inside of a collection when viewing variables in the Color panel. This makes it difficult to determine which variable to use when a team has a large collection. Please show a tooltip on hover, similar to how Styles behave on hover.

Only way to see the description is by going into the Variables settings where the collection is published from

14 Likes

We also utilise descriptions and have no idea where it shows up, It used to be on hover for styles and also in the inspect panel

2 Likes

This feature has been invaluable to our team! Especially, when someone needs to know the hex code of a color value.

Vote this up :arrow_up:

2 Likes

This is a must have feature, I don’t even know how anybody can use variables for light/dark themes without an “on hover” tooltip. Would be even better if on hover you could see the theme conversions (like, see the color in the other themes).
Please Figma :pray:

2 Likes

Same. Slightly maddening. Please help.

2 Likes

Please fix this. Variables could be so powerful, but since Figma is missing basic features like these, it’s hard to go all in on the concept.

Yeah, variable descriptions are mostly useless without this feature. Needs a way to be more visible to users of our design system. Especially having number variables for things like gaps and spacing, would love to be able to utilize descriptions in this way to highlight when to use which numbers

Figma’s Adobification just began. a lot of features, but the essential doesn’t works.

Ok Variables is a beta and bla bla bla, but we need the basic.

The created the variables feature to sell Dev Mode.

My company is planning to change Figma by other tool, more stable.

Please fix this, variable descriptions are mostly useless without this feature.

It’s showing on Grid view but it should show on list view as well

I see the problem, and I understand it, but until this feature will be added, but In my opinion there si a beetter way to solve the confusion in the teams.

Instead of consuming the base color variables directly, you can create a semantic collection of variable aliases that point to the base variables. like: action-primary >>> red-100

This way you create a more scalable system where you can also easly change an alias.

A solid implementation is on the Radix Theme Figma file: https://www.figma.com/community/file/1280428825266545105

Big upvote on this :+1: This is not exclusive to Variables, descriptions for style colours are also in the same boat. I can’t imagine this is a hard thing to fix? Unless I’m missing something and it’s such an essential feature for design system usability.

1 Like

Need this ASAP!

Hello there, Thank you for sharing your thoughts on variables!
Variables is currently in open beta, we are working on adding more features and improving the overall experience during this time.
We’re so excited to hear the community’s feedback here, so please don’t hesitate to vote! Your input is greatly appreciated.

Thank you,

2 Likes

Tooltip description would be super useful

Yes i thought that there already was a hover showing the “descriptions” you named when creating a new style? Where has it gone? You need a way to quickly identify the description, especially when you name color or text styles using the norma generic naming convention ie. Heading 1, or Primary 300 etc. Otherwise what is the point of writing out a “description”?

1 Like

Please fix this bug or add it is a feature. We are trying to apply primitive variables to our semantic variables and it’s taking so much longer because we don’t have this hover tooltip.

Urgent: Ideally it would show the value on hover
Nice to have: Show the referenced variables all the way down to the value

Vote this up plz :arrow_up:

:heavy_plus_sign: :one:
This can only be a bug - what else is the field in the variables for?
It would be so helpful for all users!