Craft bug when doing InVision sync and anima

Hey Rebeka,

Apologies for the frustration here. This sounds like something our Support team will need to dig into, so I'm opening a ticket on your behalf. Keep your eyes peeled for a response.

Thanks,

Beth

Thank you Beth, I'll be waiting for your response.

+1 with the same problem 

Hi Bruno!

So sorry about that! I just opened a ticket on your behalf with our Support team so they can see what's going on.

If anyone else is experiencing this issue, please contact our Support team directly here for the speediest resolution.

Thanks,
Beth

+1, same problem, which has been a problem for months now.

Auto Layout Layers Shifting All Over on Sync to InVision

When I use Auto Layout to stack a group of elements in Sketch, the stacked elements shift all over the place when I upload an Artboard from Sketch to InVision, using Craft Sync.

The page ends up looking terrible in InVision and the layers in my Sketch file are stuck shifted all over the place - I have to do undo (CMD + Z) about 20 tamest get my dartboard back to normal. The synced page is not usable in InVision.

It was suggested to try: "Sketch > Plugins > Launchpad by Anima > More > Prepare Export to other Plugins" but that does the same thing, shifting my stacked groups all over the place, looking broken.

This did not used to happen, and the problem appears to be a bug between Auto Layout and the Craft Sync plugin.

Hey Jono! 

Thanks for getting in touch! It looks like you have an open ticket with our Support team from earlier today. I suspect they'll need to dig a bit more into this one, so keep your eyes peeled for a response from them soon. I am so sorry for any frustration or inconvenience! 

If anyone else is experiencing this issue, please contact our Support team directly here for the speediest resolution.

Beth

Hi again. No news on this matter? 
Still happening on sketch 48.1 and Sync 2.3.35...

Best regards,
Bruno Garcia

Hey Bruno,

It looks like you heard from Joe on the Support team and not much has changed since then. This behavior stems from an issue our Engineering team is investigating. That issue impacts some customers who have MacOS High Sierra installed, though the behavior is not consistent and we haven't yet determined what triggers the problem. Your support ticket is staying open, so Joe can update you as soon as our engineers have more info regarding a solution for the bug.

In the mean time, we have found that the following workaround can avoid this unintended functionality:
Please close Sketch completely. Then, before opening a Sketch file via Finder, reopen Sketch. Finally, open your Sketch file from the File menu within Sketch.

Thanks,

Beth

Same issue here with the latest versions of Sketch / Craft / MacOS

Hey Antoine,

I'm going to put you in touch with our Support team so they can take a look for you and keep you updated! You should receive an email response from them soon!

Beth

This has been an issue since day 0. However, with the recent updates it has worsen to the point of being impossible to use Sync at all.

+ 1 with the same problem!

The problem appears again after update to New Craft (1.0.49)

Hi Zeetap,

Sorry to hear that you're also encountering this issue. Our Support and Engineering teams are aware of this issue, and are working on a solution.

I will open a ticket on your behalf with our Support team so that they can die deeper into the issue you're encountering, and keep you in the loop. Please look for a message from our Support team soon.

Thanks,

Shaina

This is happening to me too. I think what's happening is when Craft is uploading a page into Invision, it breaks all my symbol links. When that happens, all the objects in my symbols stop getting pinned to the symbol and become pinned to the doc itself. That makes a lot of weird stretching and moving.

Hi Shelby,

I apologize for the inconvenience that this is also causing for you. As mentioned in my top comment on this post, please submit a ticket using this link with our Support team so that they can dive deeper into this issue with you.

Thanks,

Shaina

+1 Having an issue where stacks collapse to their original position so all the padding between my text blocks break.

This bug is making InVision unusable when the </> Inspect mode is needed to support a dev team. I cannot share dev specs with an entire development team because of how the layout breaks when I sync.

For other folks still having this problem, here are things I have tried to work around it, without success:

1. Unstack every single Auto Layout Stacked Group and every single Stacked Symbol group that was inserted
2. Detach all symbols (Plugins > Lauchpad by Anima > More > Detach Symbols > Detach Symbol While Keeping Overrides (Recursive)
3. Plugins > Lauchpad by Anima > More > Prepare Export for other Plugins
4. Combinations of 1, 2 and 3, with Auto Layout disabled, file saved/unsaved, and restarted Sketch. At one point, it looked fine in Sketch, but was a broken mess in InVision.

Looking for alternate solutions to InVision and Auto Layout now. Currently evaluating Paddy in place of Auto Layout and hoping that Studio, Abstract or Zepplin provide better solutions for the developer/inspect mode problems in InVision + Craft + Auto Layout.

Hi Yogesh, Peter, and Jono,

Thank you very much for making us aware that you are also experiencing this issue and for providing detailed information. I will open tickets for each of you with our Support team so they can help troubleshoot, or provide more clarification around the issue. 

As noted above, if anyone else is experiencing this issue, please contact our Support team directly here for the speediest resolution.

My sincerest apologies for the inconvenience in the meantime. 

Have a wonderful day,

Shaina

UPDATE:

Thank you all for your continued patience as we’ve worked to address the issue where auto layout rules are not currently being respected after syncing your designs to InVision. 

Recently, the amazing team at Anima has released an update to their Auto Layout plugin. This particular update should be quite helpful in regards to the issue that you’ve been running into.

The main source of the original trouble was presented by the way rendering works in Sketch. By taking control of the rendering process, Auto Layout becomes an extremely powerful tool. However, when syncing your designs to InVision, this presented some visual issues. For example, when text layers are stacked together using the Stacks feature and then symbolized and overridden with longer text, exporting would result in the text layers having the Master Symbol height rather than the overrides.

To address that and maintain the power of Auto Layout, Stacks, and be able to export designs, Auto Layout has to perform a process of detaching symbols and calculate layer sizes and positions right before export. This process is called “Prepare to Export to other plugins”. While this process has been present for some time, just recently the Anima team has released an update that should allow this function to work much better when syncing your projects via Craft Sync. This feature can be accessed in Sketch via Plugins > Anima Toolkit > Prepare Export to other Plugins

Furthermore, our team at InVision fully understands that needing to prepare your designs for export to InVision is far from ideal and does make your workflow more cumbersome. With Anima team stepping in and releasing a public API of this functionality, we are hard at work on our end to utilize the API Anima created with the ultimate goal of allowing this export to occur behind the scenes without the need for our users to intervene. While this process is not complete, we wanted to ensure to post an update to let you all know that we are hard at work on this issue.

We are extremely sorry for the frustration that this issue has presented to your workflow. Please let us know if you run into any issues.

What's the status update with the Anima API compatibility of the Craft Plugin? When syncing the screens they still get messed up by Craft, which is super annoying. The above mentioned workaround is to time consuming and I rather deactivate Craft than Anima. With the broken workflow I tend to move from Invision to Sketch cloud, since the Dropbox sync got removed a while ago too.

Hi Jens,

Over the past several months, our Craft team has been working hard to streamline the sync process such that symbols should no longer become detached during syncing. Additionally, our Craft team has been working very closely with the team at Anima in recent months to improve the experience for our customers using the Anima Toolkit alongside Craft Sync. I had previously posted in this thread to share an interim workaround to manually apply Anima’s Prepare to Export to other plugins feature prior to syncing with Craft after the Anima team had released an update to that functionality that enabled maintaining the power of Auto Layout and stacked groups during export to other plugins. While that workaround was viable for most of our customers, we realized that it still meant extra steps for our customers to manually apply the Prepare to Export to other plugins feature before syncing which we know wasn’t ideal. As such, we’ve been continuing to work closely with the team at Anima to improve the experience with the ultimate goal of allowing this export to occur behind the scenes and without extra steps for our customers.

We’re very happy to announce that we released an update in Craft version 1.0.62 (and are now on Craft version 1.0.69) that now includes support for Anima’s Prepare to Export to other plugins behind the scenes. This means that Craft Sync will now check whether your file uses Anima’s functionality, and it will automatically trigger Anima's Prepare to Export to other plugins functionality prior to syncing your artboards, and without the need to manually apply that setting in advance of syncing.

We believe this will improve the syncing process for you, and it should result in your artboards and symbols displaying more consistently after sync just as they would if using Anima’s Prepare to Export to other plugins feature directly.

Thank you for your patience while our team has been continually evaluating how best to address this and working to make ongoing improvements to Craft Sync over these past months. Can you please double check that you are running the latest version of Craft Manager mentioned above? If so, are you still encountering issues?

Hope this helps!

Shaina

Hi Shaina,

I am sorry to report that it is still happening. I am using Craft 1.0.74 with latest Sketch 52.6 and latest Anima.

It was working fine, but since reinstalling Craft (due to another issue) it is happening again. Stacked group symbols look wrong in InVision. Interestingly using Anima's Export for Plugin function creates a Sketch File with the same visual errors, so it seems that Craft is not at fault here, but Anima itself not expanding Stacked groups properly.

I spoke with Anima but they don't have a solution either.

Seems like its best to avoid Anima altogether if you rely on InVision.

Hi Armin,

Sorry to hear that you're running into issues when using Craft and Sketch with the Anima plugin. Thank you for providing your version numbers and other details here and in this other Community thread.

I will be opening a ticket on your behalf with our Support team so that they can take a closer look at this. This will help our Support and Engineering teams determine the cause of this issue and help to find a solution quicker so that you can seamlessly working with InVision and Anima together.

Please look for a message from our Support team soon requesting additional information.

Thanks for your patience on this matter,

Shaina

I'd much rather avoid InVision than Anima.

I just started using Anima, and I'm having the same problem. In my case, manually invoking "Prepare export to other plugins" clearly and visibly breaks the layout on drop-down button symbols I have in my design. The width of the containing rectangle reverts to the default width in the symbol, basically ignoring what Anima is supposed to do with the padding feature. Very frustrating as everything works fine until I need to export to InVision.

Hi Dave,

Sorry to hear that you're also running into these issues when using the Anima plugin with our products. In order to dig a bit deeper into what's going on here, can you please provide the following details?:

     1. What version of Craft Manager are you running?
     2. What version of the Anima Auto Layout plugin are you running?
     3. What version of Sketch are you using?
     4. What operating system are you using? Please include the version (e.g. macOS 10.13.3 or Windows 10).
     5. Could you provide a screenshot showing the differences between artboards in Sketch vs. what is seen once synced?

Look forward to hearing from you,

Shaina

Hi Shaina,

Thanks for your response. I solved the problem I described by making an anima horizontal stack out of the elements that needed combined anima padding. This also seems to correct nested stacking positioning problems. Though it seems like it should be unnecessary when I don't really need the stacking for any other reason.

To answer your questions, though:

1. Craft version: 1.0.75
2. Anima version: I don't see how I can find this out. There is a choice in the plugin menu that says "version," and only has the option to check for an update. It then tells me I'm "up to date."
3. Sketch version: 52.6
4. MacOS version: 10.14
5. Not anymore since I have figured out the stacking workaround.