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

Support for Drop Shadow Spread?

December 8, 2017 at 7:19pm
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 →

Support for Drop Shadow Spread?

December 8, 2017 at 7:19pm
I’m curious why there isn’t support for a spread value. I would love to be able to tweak my shadows just right (that includes negative spread values too!)

December 8, 2017 at 10:36pm

December 11, 2017 at 1:12am
Hey Kevin, I believe the current reason Figma doesn't have shadow spread is because it's a GPU-intense process, and the team is working on some optimizations before implementing spread.
like-fill
6

June 13, 2018 at 10:31pm
Has anyone figured out a way to fake spread in Figma?
like-fill
1

June 19, 2018 at 11:34pm
Curious about this too!
For negative spread i just create another object to put the shadow and then pull the shape smaller than its container. If its container is a frame, you can constrain the edges of the extra object to the frame so it grows with the frame.
But yeah. it would be nice for numbers in figma to match what we can do in a browser

June 20, 2018 at 11:10am
+1
, Can you explain more about it? Like GPU-intense process.

July 12, 2018 at 3:57pm

August 9, 2018 at 7:27am
Use like button instead of `+1`.
like-fill
3

January 8, 2019 at 5:49pm
Please please please add this.
like-fill
1

January 17, 2019 at 4:04am
The lack of support for 'spread' in figma means that importing sketch files, such as the one supplied by spectrum (i.e the team who develop this forum) to compliment their UI framework 'evergreen' (https://github.com/segmentio/evergreen) doesn't really work correctly, as many of the components in that sketch file have 'borders' that are defined using inner-shadow, and spread, so the output (compared to the source sketch file) is sub-par. Currently the only option is to manually amend the sketch file to use borders instead but this would be a very tiresome process.
like-fill
1

March 7, 2019 at 10:14am
I create two identical figures. Top layer: inside stroke, bottom: outside stoke.
Considering that shadow spread is something that you can do with CSS, I think that it's important for Figma to have it implemented.
like-fill
9

March 22, 2019 at 9:03pm
This is a feature I miss coming from Sketch

April 5, 2019 at 6:09pm
This is a workaround, but would be nice to have a native feature in Figma.

May 23, 2019 at 2:39pm
Running into needing this more and more these days. Would love natively
like-fill
2

May 25, 2019 at 4:34am
Would think if it’s a supported css feature it would be a 1 to 1 feature in figma. Though technically spread on box-shadow isn’t fully supported yet. But it’s pretty darn close. Any update on this figma peeps? :)

May 25, 2019 at 4:53pm

August 17, 2019 at 12:10am
This thread was started 616 days ago. This is the one feature that is preventing me from migrating over to Figma. Our existing design system relies heavily on box-shadow spread. I'm not interested in jank workarounds that don't translate to developer handoff. Is this actually on your roadmap or should I stop holding my breath and just stick with Sketch?
like-fill
9

August 18, 2019 at 10:06am
yeah would be great to see
like-fill
3

August 21, 2019 at 11:30am
Any update on ETA?

September 7, 2019 at 3:36am
Id give an appendage for this. Maybe two. The type improvements were phenomenal. Would love to see this as a priority or get an update.
Edited
like-fill
4

October 18, 2019 at 5:44pm
Hey Figma! Please let us know if you're going to add this feature. It's much needed since it's a value that can be used in development and will help us fine tune our drop shadows to get the best possible effect. Thanks!
like-fill
4
Show more messages