SVGs broken

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,

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

I am operating a Mac.

It's only just started happening recently.

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

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

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! 

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.

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! 

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. 

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 :)

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

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:

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

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

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

A work around is to open the icon in Sketch and then copy and paste into Invision Studio.

Hi Dan,

Hi..

I'm facing the exactly same issue as posted. Whenever I try to use SVG icons, the icons are either broken or distorted. I am on Window 10 Pro and using Invision version 1.18.0

"The Engineering team is aware of the issue but we prioritize issues based on the scope and impact of the issue. For that reason, we don’t have an immediate fix available."

I don't know, SVGs are a very heavy part of prototyping. Surely there will be a fix soon?

I totally agree with Melissa. This is only reason I have not been able to use Invision..If this does not have a huge impact... I'm even more scared to use Invision since it seems there is a bigger problem? Please help. I need to use the timeline!

Hi everyone!

I’m Stephanie, a Product Manager on the Studio team. Thanks for providing us with such detailed feedback, and I completely understand how frustrating this issue can be in your design workflow.

Due to the disruptive nature of these issues, our team has prioritized an effort to improve the overall SVG import and export experience. This will be incrementally delivered over the coming months.

Our Community Moderator is also aware that you are each facing this issue and will be opening tickets on your behalf. This will ensure that you are notified with any updates as we have them.

Thanks for your patience and understanding. Please don't hesitate to reach out in you have any additional questions or feedback!

Best,
Stephanie
Product Manager, Studio

Hi Byung,

Thank you for providing the details that you have in your post. I will also open a ticket on your behalf so that our Support team is aware of that you're also encountering this issue.

Please keep an eye open for an email from our Support team soon. 

Thanks for your patience,

Shaina

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

Hi Shaina,

So I am using the latest version of invision, with macOS Mojave 10.14.6.

Svg opens broken. As mentioned above.

We were migrating everything here at the skecth company to invision. But due to this problem with svg.

We decided to stop migration until this problem is resolved.

I've seen that since 2018 invision has been experiencing problems with svg on macOS.

Thanks for the answer

Thanks for providing that additional information, Adriano! I have added these notes to your ticket for your Support agent to review. Thanks for your patience on this issue.

I have just experienced the same problem. After months of using Adobe XD, I thought I'd give InVision studio a go to do some freelance work. Upon importing an SVG (created in Adobe Illustrator), I have noticed that Studio is unable to preserve all bezier curves in the imported SVG. Instead of a full curve, flat edges are introduced.

From searching for similar issues on Google, I can see that this problem has been evident for quite some time now (almost a year, it seems) and I find it strange that it has not been fixed in the latest update.

I doesn't inspire me with confidence. Unless there is an expedient fix, I'll be returning to Adobe XD once more. I regularly use SVGs/imported vector graphics from Illustrator in my designs so quite frankly, it's a deal-breaker if they don't render accurately in Studio.

Please can you find a solution?

Hi Anthony,

Thanks for taking the time to reach out about this issue, and provide some feedback about its impact on your workflow. Our Studio Product Managers are hard at work finding a solution for this. They are sensitive to the frustration that this is causing for many users of Studio and plan to release a solution for this issue soon.

Part of my job is to raise the concerns of our users with the relevant Product Managers on a weekly basis. I have made our Studio Product Managers aware of the feedback provided in this thread as we receive more reports of the issue each week. As you can see above, Stephanie Shaw, one of our Studio Product Managers, chimed in on this thread and stated that:

| Due to the disruptive nature of these issues, our team has prioritized an effort to improve the overall SVG import and export experience. This will be incrementally delivered over the coming months.

This statement continues to hold true and she has been providing us with updates on the issue each week. We plan to have a fix released soon, and hope that you will give us another shot when that time comes!

I will open a ticket on your behalf to track your incident for our Support and Product team to review. Please keep an eye out from one of our Support agents soon.

Have a wonderful day,

Shaina