Skip to main content

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!

Be the first to reply!