Skip to main content
Question

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


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!

0 replies

Be the first to reply!

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings