Skip to main content
Question

Drop shadow not exporting with SVG


Brett_Houston

Hello! I’m running into an issue with drop shadows. When I export as an SVG, the drop shadows are not exporting. I have read through every forum entry I’ve found related to this and none of the suggested solutions work. I really need to get this figured out because shadows on certain elements are a key part of the branding for my company.

Any help would be appreciated!

13 replies

same here. shadow is missing from export


dvaliao
Figmate
  • Community Support
  • 4652 replies
  • March 27, 2023

Hey All,

Sorry for the delayed reply!

We confirmed that the team is aware of this behavior, but they’re still working on a fix. You can submit a bug report to our support team directly via the form here:
https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001744374


  • 1 reply
  • December 31, 2023

Dudes, there still isnt a solution for this drop shadow issue?


Nicolas_Silva

sadly, this still hasn’t been solved yet, for us developers is really hard to implement certain effects, but exporting these things as svg can save us so much time, please fix this


T.A.V
  • 3 replies
  • May 3, 2024

It’s so strange that such a deal breaking bug has still not been fixed. I had to recreate one of my client’s brand design in another app to export logos with shadows.


Ryan_Emberling

This appears to remain a problem as of May, 2024. I’ve submitted a bug report; hopefully that helps boost the priority of a fix. Here’s a reproduction link: https://www.figma.com/design/LNVylQlbB2CCfOroqVGbOG/Box-Shadow-doesn’t-export-in-svg’s-Bug?node-id=1-2286&t=oJCJ9piAQO4nFSJo-0


dvaliao
Figmate
  • Community Support
  • 4652 replies
  • May 30, 2024

Hey All, thanks for the additional feedback!

Sorry that we haven’t been able to fix for this long-standing bug yet. I’ve sent this thread over to the team in hopes of getting them to prioritize a fix.


Markus_Em

so this bug still exists even years later… ☹


Kevin_Aspesi

Still not working as of nov 13 2024


SM_designs

Still not working as of Dec 12 2024 😦


Yadhu
  • New Member
  • 1 reply
  • January 15, 2025

Try framing the entire thing and export as SVG, it worked for me. 

 


Wooser
  • New Member
  • 1 reply
  • March 15, 2025

This one it's a very strange bug, because if I open the SVG file on Adobe Illustrator the shadows are not visible, but if I view it through Microsoft Edge (yes, it's possible) the shadows are visible… 😶


Johnny_Cortese

My developer is saying that there are errors when converting my graphics with inner and outer shadows to vector. I initially opened the svg in Adobe Illustrator and no shadows display. However if I open the svg with effects in Chrome (macOS), it displays as expected. Iery strange bug indeed!


Reply


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