Mastering Row Hover Effects in Figma: A Step-by-Step Guide
Вставка
- Опубліковано 19 січ 2025
- Welcome to our latest Figma tutorial, crafted based on audience requests! In this session, we’ll delve into creating a row hover effect specifically tailored for column-based tables.
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!
Thanks, stay tuned and share it away!
Great tutorial! Simple and straight to the point. Subscribed!
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.
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
How about the items in the Action column? Are they still clickable on prototype since there is a layer above it?
Yes. That's bacause the cell are above the hover rows. That's why we have to remove their background