Skip to main content

I’m working on drafting out a tutorial for a complex process which involves highlighting buttons on the page with a drop-shadow effect to cause a glow on them.

My problem is that after I duplicate that frame and remove the drop-shadow/glow effect from the button, it removes it at first but is reapplied when I either change something else on the frame or when I close the document and come back. So there’s no real way to remove the glow effect on a button once I’ve applied it to one and duplicated it…

This is very frustrating and would appreciate any help in how to possibly resolve this!

I ran into this same dilemma and I have a fix. I was using Figma for illustration only and a persistent drop shadow could not be removed from the Effects tab. Other suggestions were to add (+) drop shadow through Effects then (-) subtract, but this did not work for me. Also, no Figma plugin or any other method through the program would remove the persistent drop shadow.


Here’s the fix. You have to export your file with the persistent drop shadow. In my case I exported as an SVG file. Then you have to import that file into an SVG viewer (you should be able to find one online for free - https://editsvgcode.com/ can handle large files). From there you should see the entire code of your file. Search (ctrl F) for shadow in your code and you should be able to pinpoint the section of code housing the ‘drop shadow.’ It should be at the very end of your code wrapped within <filter icode] . Delete this block of code then search for the group tag, it will look something like this - and replace this with . Chat GPT should be able to help you figure out what exactly to delete if you’re having trouble. Then re-download your file from the SVG viewer or whichever file viewer you’re using and you should see the drop shadow gone.


To recap. Download your file. Upload to an online file viewer. Search for the drop shadow within the code. Delete and amend. Re-download. Hope this helps.

For real 💀

What a pain!!!


This is bugging me so much and I have to export my project as an svg with a third party tool.

Figma fix this darn bug already please.

I’m stressed and don’t need to be messing around like this.

This bug still exists :D 

I wonder why in Dev Mode its not possible to change the SVG Code bracket ;( 

But there is a second solution at least for buttons in a set of component variants: 
 

  1. Go to the Component set section
  2. Select one of the components
  3. Go to the right hand side menue and select multi-edit variants
  4. And there it was: Drop Shadow within the Effects section.
  5. Click the minus and in my case the drop shadow vanished 24 times :)


Thank you for the solution J_Fin!
 

Reply


Terms & ConditionsCookie settings