All Collections
Tips & Tricks
Exporting designs with prototyping links to Zeplin 
Exporting designs with prototyping links to Zeplin 

Learn how to export your designs containing prototyping links

Didem avatar
Written by Didem
Updated over a week ago

Prototyping links help everyone understand the relationship between designs. It also makes it easier to quickly jump between screens without even going back to the project dashboard.

When you export your artboards/frames containing prototyping links to Zeplin, these links will be clickable in Zeplin as well, with no additional setup.

☝️ You can export prototyping links from artboards and frames in Sketch, Figma, and Adobe XD. This feature is not available for designs published from Photoshop as prototyping is not available in Photoshop at the moment.

Viewing prototype links on a screen

When you select a layer that is within a hotspot, the right panel will show that this layer is part of a hot spot. Click the arrow icon located on the right of that detail to quickly jump to the destination.

You can also view all the hotspots within a screen. Hold down the Shift key and all hotspots will be revealed. Then, click on a hotspot to navigate between screens.

These links not just help everyone understand the relationship between designs, but also help them quickly jump between screens without even going back to the project dashboard.

Creating flows from prototyping links

Flows in Zeplin provide a bird’s eye view of your project, enabling designers and product managers to map and document all possible paths and behaviors.

When you add screens with prototyping links to a Flow, the prototyping links will be added as connectors automatically within the flow. You can follow the steps in this article to learn more about adding screens to a flow: Adding screens to a flow


Related Article:

Did this answer your question?