menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Figma

Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!

Channels
Team

Gradient Fill - Defining location in percentages

September 18, 2017 at 2:14pm
The Figma community has a new home. This thread is preserved for historical purposes. The content of this conversation may be innaccurrate or out of date. Go to new community home →

Gradient Fill - Defining location in percentages

September 18, 2017 at 2:14pm
Image Hi,
love Figma so far! I'm running into this issue though that I have to re-create a gradient for a button fill and the handling of the location of the gradient colors isn't really precise enough.
Am I missing something or is there no way currently to change the "location" of where the color changes in the gradient?
Cheers Daniel

September 19, 2017 at 1:18am
oops not that one
like-fill
2
you can set the position of the gradient stops to the right of the hex/rgb/etc values
TIL!
like-fill
1
Also, if you are a Sketch user you can use 1-10 keys to position your gradient stops. Not quite as nice as Figmas exact values.
like-fill
1
Hello again,
Sadly this only changes the alpha value of the color, not the location for me.
Is this a bug?
like-fill
1
The field to the right of the color value is for changing the alpha, not the position. I think that the current UI would need some rearranging if they were to implement positioning for gradient stops. (As it would not be intuitively obvious that the field to the right of the color value is alpha for some color styles, and position for others.)
Show more messages