I've come across this UI element

enter image description here

I tried to copy.. and realized I couldn't.

  1. Do the semicircles use some sort of gradient?
  2. Is it possible to apply such gradient in Figma?
  • it looks like simple linear gradients to me. What have you tried? Why can't you copy it?
    – Luciano
    Oct 22, 2018 at 15:10

1 Answer 1


Yes you can do it in Figma. These are actually just simple linear gradients from top to bottom, and the semi-circles are actually regular circles.

The top color is close to the one in the background, and the bottom color is either the same as the background or just 100% transparent.

See below image, the objects are selected hence the blue outline.

enter image description here

And this is the same image when it's not selected:

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.