Prototyping links help everyone understand the relationship between designs. They also make it easier to quickly jump between screens without returning to the project dashboard.
When you export your artboards/frames containing prototyping links to Zeplin, these links will also be clickable in Zeplin 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 with a prototype link, you'll see the "Linked to" information on the right panel, which shows that it is part of a hotspot. Click the screen link there to jump to the destination quickly.
You can also view all the hotspots within a screen by holding the Shift key — all hotspots will be revealed. Then, click on a hotspot to navigate between screens.
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
To dig deeper into this or any other topics related to Zeplin, reach out to our Customer Success crew at success@zeplin.io to schedule a 30-minute call.