Skip to main content
Question

How can I recreate the subtle edge fade and unique icon style seen in this UI design?

  • April 17, 2025
  • 0 replies
  • 94 views

Deepsuthar

https://www.raycast.com/core-features/ai

I am trying to recreate a specific UI effect I saw in a design (see attached image). I'm particularly interested in achieving the following:

  1. Subtle Edge Fade: The icons near the left and right edges of the dock/bar fade out smoothly. How can this be achieved using gradient masks or other techniques in Figma?

  2. Icon Style: The icons have a distinct appearance: a combination of neumorphism, transparency, subtle shading, and a glow effect. What are the best approaches to replicate this style in Figma?

I'm looking for step-by-step guidance, best practices, and any helpful plugins or resources that could assist in recreating these effects accurately. Any help or suggestions would be greatly appreciated!

This topic has been closed for replies.