Shiny border animation on hover | Figma Tutorial | Figma animation

Опубликовано: 14 Май 2026
на канале: UX-UI Heroes
160
1

Want to add some extra spark to your designs? In this tutorial, I’ll show you how to create a shiny border animation on hover in Figma step by step. Perfect for buttons, cards, and interactive UI elements.

👉 Quick, simple, and effective - make your designs shine with this hover effect!

____________________

1500+ designer tools at one place, checkout now 👇
https://dezignheroes.framer.website/

____________________

Stay inspired!
Follow me for the latest design trends, creative insights, and must-have resources to elevate your projects.

🪃 Instagram
  / uxui.heroes  

🪃 Threads
https://www.threads.net/@uxui.heroes

____________________

Transform Your Workspace, Elevate Your Productivity – Shop the Best Desk Setups from below...

Monitor → https://amzn.to/3X8Er3C
Laptop → https://amzn.to/41ohVq5
Keyboard & Mouse → https://amzn.to/4k8AvtB
Mobile Stand → https://amzn.to/4ii1gKt
Desk Pad → https://amzn.to/4hUffGz
Monitor Stand → https://amzn.to/4h12zwq
Vertical Laptop Stand → https://amzn.to/3F0dFnU

____________________

Checkout My amazon E-store 👇
https://www.amazon.in/shop/uxui.heroes

____________________

Regards by,
Hardik Gondhiya (Co founder - Octus Design)