Issue in Figma – Underline State Not Behaving as Expected
Context:
I'm creating a component (e.g. a link or button) where the label has an underline that should appear only on hover — but without causing layout shift.
What I tried in Figma:
-
I set the text to always be underlined.
-
In the default state, I set the underline color to 0% opacity (invisible).
-
In the hover state, I change the underline color back to 100% opacity (visible).
Problem:
Even though I set the underline to 0% opacity in the default state, it remains visible — Figma seems to not register the change in underline color opacity between variants.