How to Add Animated Highlight Reflections to Multicolored Vectors in Figma

Опубликовано: 17 Май 2026
на канале: UI Magic with Anastasiya
24
4

In this Figma tutorial, I’ll show you a simple and effective way to add smooth highlight reflections to a multicolored vector.
Vector assets used in this video come from Freepik (SVG format).
Huge thanks to Freepik for the resources! 🙌

You’ll learn how to:
🎨 Create highlight rectangles with a soft gradient
🟡 Use a flattened vector as a mask
✨ Animate the moving highlight using Smart Animate
🧩 Build clean component states for smooth transitions
🎥 Create a premium, glossy “shine” effect

~~~

If you find this helpful, don’t forget to like and subscribe for more advanced Figma and UI animation content. 💛