Skip to main content

Hello ! I am experiencing an issue when trying to export any SVG that contains PNG.

Every SVG will have a black square instead of PNGs.
image

I think I’ve found the issue but don’t know how to correct it. When I export the same object as SVG in Adobe Illustrator it shows the images properly because there’s a parameter called “incorporate images”.

On Figma, images are path which are linked to a “def” who contains the picture. I think it’s why I can’t export my files properly.

Is there a plugin, a widget, a parameter that can fix this problem ? Like allowing me to export my files in the same way as Illustrator by incorporating the picture directly in the path ?

Hey @Axel_Balitout, sorry to hear this is happening!

Please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com so they can take a closer look.

Thank you ! I just sent my request 🙂

I wonder if a plugin can do an SVG exportation like Illustrator. For now, I’ll use Illustrator to export!

Hi there!
Has this been fixed at all or is there a workaround for this?
I am experiencing the same issue atm and dont have the backup of an Adobe Illustrator Export, I’m afraid. Any help would be greatly appreciated!

Hey @Jenni_R, thanks for reaching out!

Our team confirmed for Axel that this isn’t possible right now, but it’s on our radar for improvement. Because of that, I’ve updated this topic into a feature request.

We’ll continue to pass on your feedback to the team and use Votes from the community to gauge overall interest to prioritize in the future.

Hey there!
Thank you for the swift reply. It would be great if this could be incorporated in the future!
I’ll just find a workaround until then.

This seems to be caused by the way Illustrator reads SVGs. It cannot identify image code embedded in the SVG. It’s possible to create a code based work around which separates the image data from the SVG code and then some Illustrator code to bring the two together again. A bit of a pain but can be done with some coding experience.

​@admin, I also identified this issue on loads of exported SVGs:
 

<g id="ALL-IN-ONE FOR &#3;&#10;ALL HAIR TYPES">

The Issue

The character entity &#3; is the problem. This represents ASCII character 3 (ETX or "End of Text" control character), which is not allowed in XML. This is exactly at column 27 as reported in the error message.

How to Fix It

Open the SVG in a text editor and replace:

<g id="ALL-IN-ONE FOR &#3;&#10;ALL HAIR TYPES">

With:

<g id="ALL-IN-ONE FOR &#10;ALL HAIR TYPES">

This simply removes the invalid control character while keeping the newline character (&#10;).

Terms & ConditionsCookie settingsAccessibility statement