Skip to main content
InVision Support Home Page
InVision ambassador ambassador
Michael Østergaard
Michael Østergaard Updated

Transparency not working probably if syncing via craft

I've been using "screen as an overlay" for a little while now to show different kinds of interactions. 

However, syncing via craft seems to change the transparency in the screen to white. This doesn't happen if I upload the screen manually.

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.



Sort by

Sean Kinney
InVision ambassador Sean Kinney , ambassador

So long as the artboard background color isn't included in export, it shouldn't appear in the screen that's generated from Craft Sync. Instead, we will autodetect a color to use as the background based on the content of the screen the first time the screen is synced. If using that screen as an overlay, that background color should only appear if you've made the backdrop opacity greater than 0%.

I just tested to confirm this is still working as described, so there may be something else afoot. Would you be able to share a share link for a prototype demonstrating the issue you're seeing?

Michael Østergaard
InVision ambassador Michael Østergaard , ambassador

Hi Sean,

Sorry for the late answer, been a bit busy.

Anyways, found out that my screens was uploaded as jpg's via craft.

Silly me :)

Sean Kinney
InVision ambassador Sean Kinney , ambassador

Happy to hear it was something simple, Michael! Thanks for closing the loop here and sharing the solution. Cheers!

Michael Reddington
InVision ambassador Michael Reddington , ambassador

Hi there, I'm trying to upload a screen from Sketch that is just a modal box on a dark transparent background.

I want the dialog box and dark transparent background to sit on top of the content below as an overlay.

However, when I click the hot spot it appears with a solid grey background!

How do I export from Sketch so that the background is transparent???

Monika R.
InVision ambassador Monika R. , ambassador

Hey Michael,

Thanks for following up on this thread. Are you working on a mobile prototype? If so, please see this article for further explanation on how backgrounds are currently handled. In addition, in the Overlay configuration, you are able to set a background opacity percentage to get the desired transparency effect. For more info around this, hop over to this Help Center article.

Hope this helps! Please let us know if you've got any further questions about this.




join the conversation

To comment, sign up or sign in.