Will my Sketch links overwrite my Marvel hotspots?

Seamlessly import your Sketch prototypes into Marvel including hotspots that update as and when you make changes. 

When syncing from Sketch to Marvel, your hotspots in Marvel (link destination, hotspot position, transitions) will be overwritten, with the exception of some transitions.

If you want to prevent your Marvel hotspots from being overwritten, make sure the "Prototype" box is unchecked in the sync modal before syncing.

Screenshot_2020-06-10_at_11.05.41_AM.png

When "Prototype" is unchecked, your links in Sketch will not be synced to Marvel, and your hotspot changes in Marvel will be untouched. 

What happens when a Marvel transition is not available in Sketch? 

If you want to overwrite changes made in Sketch then be aware that there are some transitions available in Marvel that are not in Sketch. If you're using a transition not available in Sketch, the hotspot will not change in Marvel.

Here's an example:

  1. Set hotspot transition to "Slide Up" in Sketch. Select Sync.
  2. In Marvel, set hotspot transition to "Slide Left"
  3. Move hotspot in Sketch, the transition remains set to "Slide Up". Select Sync.
  4. In Marvel, the hotspot will be moved to a new position, but the transition remains as "Slide Left." 
  5. Any other transition changes made in Sketch will not be applied to this hotspot in Marvel, even if the transition exists in both Sketch and Marvel.

If a transition is available in both Marvel and Sketch then syncing will override changes if selected in the settings. 

  1. Set hotspot transition to "Slide Up" in Sketch. Sync.
  2. In Marvel, set hotspot transition to "Slide Down"
  3. In Sketch, set hotspot transition to "Slide Up" again. Sync.
  4. In Marvel, hotspot transition will be overwritten by Sketch to "Slide Up." 

Transitions available

Marvel & Sketch
Syncing from Sketch will overwrite Marvel

  • none
  • push right
  • push left
  • slide down
  • slide up

Only in Marvel
Syncing from Sketch will not overwrite Marvel 

  • fade
  • slide left
  • slide right
  • pop
  • flip
  • flow
  • slide fade
Was this article helpful?
0 out of 0 found this helpful