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


InVision ambassador ambassador
Lize Smith Lize Smith

Hotspots not showing up in the prototype

I have quite a large prototype that I linked up in Sketch. I've noticed that when I update an artboard, some of the hotspots disappear from the prototype. Updating the file via craft manager does not bring back the hotspot. 

I then tried updating the artboard that the hotspots link to and that worked for one of the hotspots but not the other. Added frustration is that when nothing's changed on the artboard (other than hotspots) it's not uploaded to InVision.

How do I get my hotspots to show on InVision without adding them one by one in build mode? 

0

comments

sort by


Lize Smith
InVision ambassador Lize Smith , ambassador
Comment actions Permalink

The Craft update sorted out the problem. Phew.

0

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

Glad to hear that updating Craft solved this issue for you, Lize! Please let us know if there are any other issues we can help out with.

0

Emily Lancaster
InVision ambassador Emily Lancaster , ambassador
Comment actions Permalink

I'm not having any luck uploading hotspots using Craft. The hotspots work fine in Preview mode within Sketch, but none are being recognized in the Invision prototype. Sketch and Craft are supposedly both up to date: Sketch is Version 56.3 (81716) and Craft is 1.0.85. Any suggestions?

0

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

Hi Emily,

Thanks for reaching out on this thread. As a next step, I'd like to have you perform a comprehensive, deep uninstall/reinstall of Craft using the steps below. Please skip any steps that are not applicable (e.g. if a file/folder mentioned is not present) and let me know if you get stuck anywhere along the way:

  1. Close Craft Manager (by clicking into the "C" > clicking the gear icon > choosing Close).
  2. Go into Sketch, and navigate to Plugins ➝ Manage Plugins.
  3. In the pop-up modal, select Craft by InVision Labs, and click the gear icon in the lower left and select the uninstall option. This will move some items to the trash.
  4. Quit Sketch entirely.
  5. Open the Activity Monitor (via Applications > Utilities > Activity Monitor), and then force quit the Craft Manager and Panels (if applicable) processes.
  6. Open Spotlight and search for ~/Library/Application Support/
  7. Delete the com.invisionlabs.CraftManager folder, the com.invisionlabs.CraftManager.json file, the com.invisionlabs.CraftInstaller folder, and the CraftManager folder.
  8. Open the com.bohemiancoding.sketch3 folder.
  9. Delete the Panels folder (if applicable). Please note that these steps will remove any custom Type or Photos items you’ve created in Craft Data. If you'd like to preserve those, please go to ~/Library/Application Support/com.bohemiancoding.sketch3/Panels/.settings and back up the file "com.invisionlabs.data."
  10. Open the Plugins folder.
  11. Delete the Panels.sketchplugin file (if applicable).
  12. Navigate to the Downloads folder.
  13. Search for craftinstaller and delete any files that deal with the Craft Installation process.
  14. In Applications or the folder in which you installed Craft Manager, delete CraftManager.app.
  15. Empty the Trash.
  16. Go to https://craft-assets.invisionapp.com/CraftManager/production/CraftManager.zip and unzip the CraftManager
  17. Drag and drop the Craft Manager app into your computer's "Applications" folder or the folder of your choice before launching it.
  18. Open Craft Manager and then install Craft for Sketch.
  19. If you had backed up the "com.invisionlabs.data" file before performing these steps: launch Sketch now in order to rebuild the ` ~/Library/Application Support/com.bohemiancoding.sketch3/Panels/.settings ` directory. Then, place the backed up "com.invisionlabs.data" file in the ".settings" folder and restart Sketch to restore your custom Type & Photos items.

Thanks,

Shaina

0

Emily Lancaster
InVision ambassador Emily Lancaster , ambassador
Comment actions Permalink

Thanks for the thorough steps, Shaina. I was successful in completing all the steps, however, the issue still persists and the hotspots just won't work in the InVision prototype. They only show in the preview within Sketch. Is there anything else we can do? This functionality is necessary for my prototype.

0

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

Of course, Emily! Sorry to hear that deep uninstall/reinstall didn't resolve things for you.

Before sending this over to our Support team to do some further troubleshooting, can you please confirm that your hotspots were created with Craft prototyping instead of Sketch hotspots? If you could provide a screencast or screenshots of what's going wrong as well, that will certainly help us determine what's going wrong.

Look forward to hearing from you soon,

Shaina

0

Emily Lancaster
InVision ambassador Emily Lancaster , ambassador
Comment actions Permalink

Hi Shaina! Well, since you mentioned hotspots via Craft vs. Sketch, I tried adding them on a symbol using the Craft prototyping instead, and those finally work in InVision. Ironically, the Craft hotspots don't show up in Preview mode. So, the hotspots made in Sketch (the orange ones) only work in Preview mode. The Craft hotspots (the blue ones) only work in InVision. I think the challenge to always using the Craft hotspots is that it needs a layer first, instead of designating a particular portion of a layer. I think this is a reasonable workaround for me currently, but I do think I'd like to figure out why the Sketch hotspots don't work.

0

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

Hi Emily,

So glad that we checked that out! Glad to hear that you were able to resolve the issue for the time being. That being said, if you'd like to build your hotspots in Sketch before syncing your Project to InVision, you will want to be sure to use Craft Prototype hotspots instead moving forward.

At this time, we don't support syncing of Sketch hotspots via Craft Sync. However, we are currently tracking a feature request for the ability to sync Sketch hotspots to InVision with Craft Sync. If this is something you're interested in, please let me know and I will open a ticket for you.

Hope this helps!

Shaina

0

Takako Adamos
InVision ambassador Takako Adamos , ambassador
Comment actions Permalink

Hi, I am wondering should I purchase subscription for inVision to make craft hotspot properly. 

I found this post and joined the conversation, because I have the same problem. I tried the trouble shooting which Shaina mentioned above, but the problem haven't solved.

I can set up hotspots on my Sketch using Craft, but when I uploaded the prototype to inVision, all hotspot won't show up.

 

0

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

Hi Takako,

I apologize for the issues you're encountering with your hotspots not syncing correctly. Thanks for taking the time to go through some of the troubleshooting steps detailed above. So that we can get a better idea of what might be causing this, can you please provide some additional information?:

  1. A screenshot of your "About this Mac" overview
  2. The version of Craft Manager that you're running
  3. The version of the Craft Sync + Prototype plugin that you're running
  4. The version of Sketch that you're using
  5. A screenshot displaying how you have your hotspots set up in Sketch
  6. A screencast or screenshot displaying the issue
  7. Just to confirm, were all of your hotspots were created with Craft prototyping instead of Sketch hotspots?

Look forward to hearing from you soon,

Shaina

0

join the conversation

to comment, sign up or sign in.