Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Melissa
Answered

SVGs broken

My Studio version - Version 1.15.0

Any SVG dragged into Studio has recently appearing as open/broken paths (especially FontAwesome SVGs). This is totally inconvenient. I have exited/entered the program numerous times to find this is still happening.

Is anyone else having this issue?

 

I have copied and pasted the same SVGs into competitor products and they work smoothly.

This post is associated with a known feature request: [[problemTicketSubject]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

comments

Sort by

official comment

Stephanie Shaw
InVision ambassador Stephanie Shaw, InVision Employee , ambassador
Comment actions Permalink

Hi everyone!

My name is Stephanie, and I’m a product manager on the Studio team. I want to thank you first for your ongoing feedback on our SVG import experience and second for your continued patience as we worked to solidify this feature-set. SVG import is such a critical piece of the design workflow, and we are really excited to now have made tremendous strides in this area. Over the last few releases (release notes here), we’ve added new SVG features such as the ability to import text, added support for many additional SVG filters, and fixed countless bugs.

The SVG import experience should now feel solid, and we truly couldn’t have resolved these major pain points without the voices of you all and the rest of the community. Please give SVG import another try, and I’d love to hear any additional feedback or questions you may have!

All the best,

Stephanie and the Studio team
Product Manager, Studio


Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador
Comment actions Permalink

Hey everyone,

I really appreciate everyone who has taken the time to post about how this issue is continuing to affect their teams and work. We’re so sorry for the long wait getting this issue fixed, and we understand that it can be a blocker.

An update that we’re able to publicly provide is that we have dedicated a team of three engineers currently working on this initiative and focused on the overall experience importing and exporting SVGs. I’ve been discussing this thread with the Studio Product Managers each week to keep them in the loop on how greatly this is affecting our users, and will continue to advocate for you all in these weekly meetings.

Please don’t hesitate to reach out providing more feedback and reports around this issue. We appreciate every one of you being transparent about the affects of this issue on your teams.

Best,

Shaina

3

ryan visek
InVision ambassador ryan visek , ambassador Edited
Comment actions Permalink

I'm trying to export an image as an SVG and getting a similar issue, the image exports with some of the pieces moved around. Exporting as png works fine. please get this fixed ASAP. SVG's are crucial to anyone using this tool.  This should be a top priority as anyone with this issue will quickly move platforms. 

3

Anthony Browne
InVision ambassador Anthony Browne , ambassador
Comment actions Permalink

It's a real shame. I had high-hopes for InVision Studio. In the meantime, I'm trying an alternative application (which works perfectly fine with svgs and curved vectors imported/copied and pasted from other vector apps).

3

Anthony Browne
InVision ambassador Anthony Browne , ambassador
Comment actions Permalink

Hi Michéle,

I can't see any voting options on the link provided. Please can you help?

Like many other people here, I would like to continue exploring Studio as it almost seems a worthy competitor to Adobe XD. However, in light of this issue, it is falling short of victory. This issue should be upvoted as much as possible as it seems that the technical team don't seem to think that it's a problem.

Regards

Anthony.

2

Fabio Pittol
InVision ambassador Fabio Pittol , ambassador
Comment actions Permalink

Just joining in to show more support for the fix need.

It makes REALLY HARD to check colors and shades of icons, for example, if their vectors come broken. I'm having to test colors and sizes with simpler shapes (made directly in Studio) and only when satisfied with the result, I can export icons in color from Illustrator. Counter productive, almost like working 5+ years ago!

2

Adrian Kennedy
InVision ambassador Adrian Kennedy , ambassador
Comment actions Permalink

I've been using Invision Studio for several months now and see not that the SVG issue still hasn't been fixed despite it being raise several times.

It looks like it is a Windows and Mac issue and the only work around appears to be to import files into Sketch then import them into Invision which is a hassle.

Considering that the Development team and Support doesn't see this as a major issue, has anyone else found any other software or online tools that allow collaboration and support SVGs?

2

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

I am operating a Mac.

It's only just started happening recently.

1

Michéle (Mikele) De Sousa
InVision ambassador Michéle (Mikele) De Sousa , ambassador
Comment actions Permalink

Hi Melissa

Thanks for sending the files. I did some testing on my side and experiencing the same issue which is weird. I will speak to out Community Moderator to log a ticket to our support team.

This is what I experience when using the SVGs you sent:

This is what I experience when using a different SVG file I got off Github:

Please be on the look out for any emails from our support team as they will contact you with further information. Thanks again for reaching out and hope you have a great day. 

1

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador
Comment actions Permalink

Hi Adriano,

Our teams are still hard at work finding a solution for this SVG issue. To keep you in the loop with any updates, I will open a ticket on your behalf with our Support team.

Please keep an eye out for a message from one of our Support agents soon requesting additional information. I apologize for any disruption that this is causing in your workflow, and hope to get everyone encountering this issue some answers soon.

Thanks for hanging in there,

Shaina

1

preismita
InVision ambassador preismita , ambassador
Comment actions Permalink

Hey is there any news about this topic?  Im facing the same problem as posted above. I use illustrator files, when I import them to invision the svg format is broken. I wil have to migrate all the invision files to XD. Its a pity because Invision is a very interesting tool.

1

Pete Fellows
InVision ambassador Pete Fellows , ambassador
Comment actions Permalink

This has been a major issue for my team. Even if you import SVG's that where created in Studio it will fall apart. Noun Project's desktop apps drag and drop won't work either (it use to!).
After a lot of trial and error the only work around I have found is to drop the files into Sketch, then copy paste into Studio. It works 90% of the time, in some cases I have had to rebuild the icons (simplify the combing of shapes/paths). It's a flaky workflow, but it works.

Hope this helps.

~p~

1

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

Hi, 

As the original poster of this issue almost 4 months ago, I will be phasing out of using Invision - a major reason being the SVGs are still broken.

1

pavankumar
InVision ambassador pavankumar , ambassador Edited
Comment actions Permalink

 

Invision Team,

I tried to import world map SVG and look as scattered

 

1

pavankumar
InVision ambassador pavankumar , ambassador
Comment actions Permalink

https://support.invisionapp.com/hc/en-us/community/posts/360044301412/comments/360007495672

 

Still the issue is not fixed its been soo long time that the issue is been identified by the users. The team is been not taking the basic design standards in to consideration while developing the tool.

1

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

@Adrian Kennedy - For presentable prototypes (with workable SVGs) and live collaboration, my team has moved over to Figma.

1

Michéle (Mikele) De Sousa
InVision ambassador Michéle (Mikele) De Sousa , ambassador
Comment actions Permalink

Hi Melissa

Thanks for reaching out. This is a strange problem. 

Can I ask, are you using the Mac or Windows version of Studio?
Can you send me a screenshot of your About Studio details?

Regards,

0

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador
Comment actions Permalink

Hi Melissa,

Sorry to hear that you're running into this issue with SVGs! When you get a chance, can you please provide the details requested by Michéle above, as well as a screenshot or screencast displaying the issue?

Look forward to hearing back soon,

Shaina

0

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

As you can see the vectors are incomplete/borken and this happens as soon as I drag them across.

0

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

I just downloaded a newer version of Font Awesome icons and they are also breaking when dragged into Studio.

0

Michéle (Mikele) De Sousa
InVision ambassador Michéle (Mikele) De Sousa , ambassador
Comment actions Permalink

Hi Melissa

Thanks for all this detail and apologies for the inconvenience this is causing you. 

Can I ask that you share these assets you are trying to import so I am able to test on my side?

You can add the shareable link with the reply post.

This will assist me greatly.

Thank you! 

0

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

Hello Michéle,

Here is the link of the Font Awesome SVG's that are breaking.

https://www.dropbox.com/sh/8hni27kww6x4g7o/AACYPeKAuAEsSbvXhWm299c1a?dl=0

This is the latest Font Awesome package. Prior to this, I was using an older version. Both SVG packages break when a SVG is dragged across to Studio.

0

Michéle (Mikele) De Sousa
InVision ambassador Michéle (Mikele) De Sousa , ambassador
Comment actions Permalink

Hi Melissa

 

Happy Monday! Thanks for providing me with the files. I will have a look and give you feedback as soon as possible. Again, apologies for the inconvenience this is causing.

 

Stay awesome! 

0

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

Hi Michéle,

 

Thanks for the prompt response. Yes it is a shame it has been doing this only for a week or so. So I am unsure if this is the result of an Invision Studio update or not. 

Looking forward to a resolution soon, thanks for logging it :)

0

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador
Comment actions Permalink

Thank you for working with Michéle and providing all of these additional details, Melissa! I will open a ticket on your behalf with our Support team including all the details you have in this Community post.

Please keep an eye out from one of our Support agents soon. They will be able to continue to assist you in diagnosing the issue you're facing.

Please let us know if there's anything else we can help you with.

Best,

Shaina

0

Grant Stevens
InVision ambassador Grant Stevens , ambassador
Comment actions Permalink

I am also experiencing the same exact issue where paths copied in from files or other applications (such as Adobe Illustrator) are clipping. I am on Mac OS 10.14.3 running the latest version of Studio.

This is a very simple shape in illustrator.

 

When saved to an SVG and pulled in to Studio or when I simply copy the path in Illustrator and paste it in Studio, I get the following:

 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador
Comment actions Permalink

Hi Grant,

Sorry to hear that you're running into this issue with SVGs in Studio. We appreciate you taking the time to provide those screenshots! In order for us to determine if this is related to the known issue that we're tracking, can you please provide the following information?:

  1. A screenshot of your "About this Mac" overview
  2. Your Studio version number

Once we have those details, our Support team will be able to take a closer look at this for you.

Thanks,

Shaina

0

Grant Stevens
InVision ambassador Grant Stevens , ambassador
Comment actions Permalink

 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador
Comment actions Permalink

Thanks for providing those details, Grant! I will get a ticket opened on your behalf with our Support team so they can take a closer look at this for you.

Please keep an eye open for an email from one of our Support agents soon.

Thanks for hanging in there,

Shaina

0

Dan Jordan
InVision ambassador Dan Jordan , ambassador
Comment actions Permalink

I am having the same issue. Could really do with a fix of some sort? 

0

join the conversation

to comment, sign up or sign in.