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


InVision ambassador ambassador
Cail Cail
Answered

Invision not showing Sketch symbol overrides in Inspect mode assets

When I upload to Invision from Sketch via Craft, Symbols with overrides applied (e.g an icon with colour changes) appear fine in the prototype, but when you inspect and go to download the asset, the icon in the asset section is the default symbol (i.e without my colour changes). Same result whether I use a slice or set a symbol to "export"

 

Anyone found a workaround?

0

comments

sort by

official comment
Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

UPDATE

Our apologies for the trouble with exported assets showing incorrectly in Inspect for layers with overrides set. Our engineers identified the source of the issue and released a fix in the latest version of Craft Manager. I tested here and everything's working correctly now!

Please update your Craft Manager to version 1.0.87, give this another try and let us know if you're still having trouble. Otherwise, thanks for your patience while we worked to fix this issue.


Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Sorry to hear that you're continuing to run into issues with color overrides in Inspect, Kay. Can you please also provide a screenshot of your "About this Mac" overview and your browser details?

Hope to hear from you soon and get you some answers!

Look forward to hearing back,

Shaina

1

Cail
InVision ambassador Cail , ambassador
Comment actions Permalink

Sketch 53.2 (72643)

Craft: 1.0.76

MacOS: 10.14.2 (18C54)

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Cail,

This sounds like it may be related to an issue that our Engineering team is already aware of. To ensure that this is related, can you please also provide what browser and operating system are you running? This can be found at https://www.whatismybrowser.com/.

Look forward to hearing from you,

Shaina

0

Cail
InVision ambassador Cail , ambassador
Comment actions Permalink

OS details are above, browser is Chrome 72

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks for providing that additional information, Cail. I'm going to open a ticket on your behalf with our Support team so that they can do some further troubleshooting. Please look for a message from them soon.

0

Stephi Bigalke
InVision ambassador Stephi Bigalke , ambassador
Comment actions Permalink

Hi, 

we have the same problem with all Symbols and Symbols linked to a sketch library.

we defined a button (which is a simple rectangle) and assigned a layer style for the color.

Because of the layer style we're able to chance the color by override. in Inspect mode we do see the changed color,
but on the right side you still see the hex code of the original color of the symbol.

 

Mac OS 10.13.4

Safari 11.1

Sketch 53.1 (72631)

Craft plugin 1.0.77 132

 

 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Stephi,

Thanks for taking the time to reach out here in Community about this issue. I apologize for any frustration that this is causing for you!

Since you are on the most up-to-date versions of Sketch and Craft Manager, I would like our Support team to take a closer look at this for you. What you're running into may be related to an issue that our Engineering team is already investigating. 

I will open a ticket on your behalf so that our Support team can dig deeper. Please keep an eye out for an email from one of our Support agents requesting more information.

Thanks,

Shaina

0

Benjamin VADOT
InVision ambassador Benjamin VADOT , ambassador
Comment actions Permalink

Hello !

We've the same problem since Sketch release his "Layer Style Overrides" feature in Sketch 52 in October 2018.

We waiting patiently your update (:

Thanks for your amazing work !

B.

---

  • MacOS 10.14.3 (18D109)
  • Chrome 73.0.3683.86 (Build officiel) (64 bits)
  • Sketch 53.2 (72643)
  • Craft v1.0.78 (136)
0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Benjamin,

I'm sorry to hear about the troubles you're having with Inspect not respecting the color overrides. 

The behavior you are describing may be related to a known issue that our team is currently investigating. We've found that Inspect does not show the correct color for symbols with Sketch's layer styles override. That being said, we would like to take a closer look at this for you and I'll be opening a ticket on your behalf to confirm that this is the same issue.

In the meantime, the only workaround solution we were able to find is to detach from the symbol. We know this is far from ideal and our team is continuing to work on resolving this issue.

Best,

Shaina

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador Edited
Comment actions Permalink

UPDATE 2/24/19

Our apologies for the trouble with InVision not displaying the correct color overrides of Symbols in Inspect. Our engineers identified the source of the issue released a fix. Our Support team has tested here and everything's working correctly once more.

Please be sure to update your Craft to 1.0.79, give this another try and let us know if you're still having trouble. Otherwise, thanks for your patience while we worked to fix this issue.

0

Sara Oruña
InVision ambassador Sara Oruña , ambassador
Comment actions Permalink

Hi Shaina,

I've tried, some elements work well but others continue broken. This element in the image attached is a symbol with blue color put in overrides

I have Craft 1.0.79

and Sketch 54.1

 

 

Thanks,

Sara

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Sara,

Sorry to hear that you're still encountering these issues. I would like for our Support team to take a closer look at this for you to determine what's causing the issue to linger.

I will open a ticket on your behalf requesting some additional information for our team to troubleshoot with. Keep an eye out for an email soon.

Thanks for your patience,

Shaina

0

Cail
InVision ambassador Cail , ambassador
Comment actions Permalink

Hi Shaina, recent update to Craft seems to have fixed this for me

0

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

Hi Cail

Thanks for getting back to us and great to see it worked. Have a great day further!

Let's hope it works for others.

0

Kay Kleinschmidt
InVision ambassador Kay Kleinschmidt , ambassador Edited
Comment actions Permalink

Hi together.

We are facing the same issue still. Especially while using overrides with symbols from a library.

The left rectangle is a simple Symbol out of a separate library with its default color which is already defined in the library file.
The color is correctly shown as: #FF00F0.

 

The rectangle in the middle the symbol of the left rectangle but overridden with a color which is a shared style in the same file like the artboard is but still separate from the symbol library.
The color override is shown correctly as: #E07876

 

The error occurs on the rectangle on the right.
It is still the symbol of the left rectangle but was overridden with a shared color style of the library where also the original symbol comes from.
This rectangle shows the wrong color in Invision Inspect. It shows the original pink color value of the left rectangle and not the yellow color value.

Conclusion:
Inspect fails at showing a color override with shared styles which are located in a library and not in the working/artboard document itself.

Is there any solution or workaround for this issue.
I would be really happy about some help. Thanks.

(Sketch 55.1, Craft 1.0.81)

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thank you for providing those extra details, Kay. I'm going to open a ticket on your behalf with our Support team so that they can take a closer look at this for you.

Keep an eye out for an email from one of our Support agents soon. Please let me know if there's anything I can help you with in the meantime.

Best,

Shaina

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador Edited
Comment actions Permalink

UPDATE 7/2/19

Our apologies for the trouble with InVision not displaying the correct color overrides of Linked Library Symbols in Inspect. Our engineers identified the source of the issue released a fix! Our team has tested here once again and I can confirm overrides within Linked Library symbols are now displaying the correct colors in Inspect.

Please be sure to update your Craft to 1.0.84, give this another try and let us know if you're still having trouble. Otherwise, thanks for your patience while we worked to fix this issue.

0

Becky Ben Lin
InVision ambassador Becky Ben Lin , ambassador
Comment actions Permalink

Hi there! 

I am working with Android developers in WebP, but it's not downloading the correct override symbols in inspect mode, it's downloading the default symbol and default color from the original symbol without the overrides. Here are information that might be helpful, please let me know if you have got an update on this! Appreciate it.

 

Thank you!

-Becky

 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Becky,

I apologize for the frustration that this issue must be causing for you. I appreciate you taking the time to reach out here in Community and provide the details that you have above.

Our Support and Engineering teams are continuing to work on the issue reported by others above. To confirm that what you're experiencing is directly related to this known issue, I would like for our Support team to take a closer look at this for you.

I will open a ticket on your behalf including these details. Please keep an eye out for an email from one of our Support agents soon.

Best,

Shaina

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

0

Ana Sosa
InVision ambassador Ana Sosa , ambassador
Comment actions Permalink

I have the same issue with overrides but I also can't see most of the icons

Im using sketch 53.2

Craft version is 1.0.86 

MacOS Mojave 10.14.6

 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Ana,

So sorry to hear that you're also running into these issues. So that we can troubleshoot further, would you mind providing the following information for us?:

  1. What version of the Craft Sync plugin are you using? This will differ from the Craft Manager version you shared, and can be found by navigating to Craft Manager and hover over Sync + Prototype
  2. Could you provide a screenshot showing what’s going wrong?
  3. Did you create the affected header symbols in Sketch? If not, where?
  4. Are the icon images you're using in SVG format? Are the images you're using as part of the header in any other formats?
  5. Have you marked both the original symbol and the overridden symbol you're having trouble with in Sketch for Export (as shown below)?
  6. Can you provide some more detail about what overrides are being applied to the symbol?
  7. When you download the symbol in Inspect, are you selecting the overridden symbol itself from the layer list as shown highlighted below? If you select any of the components within the symbol the override will not be shown in the downloaded asset, so I'd like to ensure we can rule this out.

 

These details will help us troubleshoot and take a closer look into what might be going on. I look forward to hearing back from you!

Thanks,

Shaina

0

join the conversation

to comment, sign up or sign in.