menu

Figma

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

Channels
# All channels
view-forward
# General
view-forward
# Start Here
view-forward
# Announcements
view-forward
# Design Systems
view-forward
# Plugins & API
view-forward
# Made with Figma
view-forward
# Prototyping
view-forward
Team

Support for Drop Shadow Spread?

December 8, 2017 at 7:19pm

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
  • reply
  • like

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

June 19, 2018 at 11:34pm
Curious about this too!
  • reply
  • like
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
  • reply
  • like

June 20, 2018 at 11:10am
+1
  • reply
  • like
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.
, Can you explain more about it? Like GPU-intense process.
  • reply
  • like

July 12, 2018 at 3:57pm

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

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

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
  • reply
  • like

March 7, 2019 at 10:14am
I create two identical figures. Top layer: inside stroke, bottom: outside stoke.
  • reply
  • like
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
  • reply
  • like

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

April 5, 2019 at 6:09pm
+1 Need this
  • reply
  • like
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
This is a workaround, but would be nice to have a native feature in Figma.
  • reply
  • like

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

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? :)
  • reply
  • like

May 25, 2019 at 4:53pm
👍+1
  • reply
  • like

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
  • reply
  • like

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

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

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
  • reply
  • like

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
  • reply
  • like
Show more messages