Skip to main content
Solved

Is there any way to enable “Spread” option under drop shadow for a flatten vector?

  • September 20, 2022
  • 7 replies
  • 3816 views

daken
  • Active Member
  • 25 replies

When I flatten a vector, the “Spread” option under drop shadow will be disabled.
Is there any other way to hack or enable this option under drop-shadow?

Best answer by AlicePackard

@daken spread for shadows can only be edited when the frame you’re working with has a fill. I’ve found success applying a fill and setting the opacity of the fill to 0.0001 (which will register as 0 in the input, and effectively invisible on the canvas). You also must make sure “clip contents” is turned on.

Here is a GIF demoing how to do this in Figma:
spread

And also Figma’s documentation on drop shadow spread.

View original
This topic has been closed for replies.

7 replies

daken
  • Author
  • Active Member
  • 25 replies
  • October 30, 2022

🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲


Timj
  • New Member
  • 82 replies
  • October 30, 2022

Shadow spread is only supported on rectangles, ellipses, frames, and components.

Did you try making it a component?


daken
  • Author
  • Active Member
  • 25 replies
  • November 15, 2022


still doesn’t work 🥲


shrey
  • 2 replies
  • December 1, 2022

I don’t think there is a way around this constraint, but one hack I’ve found is to duplicate the vector and use “layer blur” effect to emulate the spread parameter.


AlicePackard

@daken spread for shadows can only be edited when the frame you’re working with has a fill. I’ve found success applying a fill and setting the opacity of the fill to 0.0001 (which will register as 0 in the input, and effectively invisible on the canvas). You also must make sure “clip contents” is turned on.

Here is a GIF demoing how to do this in Figma:
spread

And also Figma’s documentation on drop shadow spread.


daken
  • Author
  • Active Member
  • 25 replies
  • June 19, 2023

that is great


Wes_Gehbauer

The component/frame etc. needs to have the “clip content” checkbox selected in the Frame section in the design control panel (top left of the screen) in order to apply a spread to a dropshadow


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings