Skip to main content

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.

Be the first to reply!

Reply