How do I achieve such gradient / fill in Figma?

Question

I've come across this UI element

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

it looks like simple linear gradients to me. What have you tried? Why can't you copy it? — Luciano, Commented Oct 22, 2018 at 15:10

Luciano · Accepted Answer · 2018-10-22 15:30:09Z

3

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.

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

answered Oct 22, 2018 at 15:18

Luciano

8,2648 gold badges33 silver badges48 bronze badges

Add a comment |

1 Answer 1