Mastering Row Hover Effects in Figma: A Step-by-Step Guide

[@cp3onmtv963]

Great tutorial! Simple and straight to the point. Subscribed!

[@who0o0o0o]

I just watched video about circular text in figma and I made it so fast! You're explaining so clear, thank you so much, record more videos about quicksteps in figma!

[@mindesigning5468]

Thanks, stay tuned and share it away!

[@nicodishiznit]

Is the 2nd technique more efficient and doesn't have any issues? Coz I have a project and made a lot of tables and the 1st technique feels more work to do on my situation.

[@mindesigning5468]

It depends on your needs, if just for demonstration, the 2nd works fine, but the multiply effect affects all the content of the row, not just the background. Both are workarounds, but the 1st one is more effective and efficient. If you use atomic principles and base components for your table, it should not be that much work

[@strivieit]

How about the items in the Action column? Are they still clickable on prototype since there is a layer above it?

[@mindesigning5468]

Yes. That's bacause the cell are above the hover rows. That's why we have to remove their background