Figma Support Forum

Importing svgs with masks broken

When importing the svg document at the bottom of the page(taken from <mask> - SVG: Scalable Vector Graphics | MDN), the resulting figma document does not preserve the masked elements.
imported into figma
image
rendered in webpage
image

Is there something I can do to get around this? Maybe a different method of importing the masks?

<!-- Everything under a black pixel will be invisible -->
<path d="M10,35 A20,20,0,0,1,50,35 A20,20,0,0,1,90,35 Q90,65,50,95 Q10,65,10,35 Z" fill="black" />
1 Like

This is a known limitation, there are no workarounds as far as I know.

thanks @Gleb I really appreciate the response

Still no solution for this? We use a lot of illustrations built in illustrator with transparency masked layers and this is becoming an issue, since all masked layers are unmasked when placed in Figma… pretty uncool, Figma…

1 Like

HI there Figma! Any updates on this? Building a library of broken illustrations atm… :frowning:

1 Like

Any updates? Supporting all SVGs from Illustrator is fundamentally important to us.

1 Like