☝️ Version diff is only available on the Web app for beta users right now. To try it out, you can request access here. We'll do our best to review requests within a few days.
Version Diff helps compare what's changed between versions and visually spotlights those differences both on screen and in the Inspect panel. This means you can’t miss changes anymore, even if it’s a subtle pixel height update or radius adjustment.
If you have multiple versions of your screen, you'll see the "Show differences" icon next to the versions button in the bottom bar. When you click on it, Zeplin spotlights changes so that you can compare the selected version with the previous one.
You can also enable the “Show differences” option in the Version History panel to spotlight differences while navigating between the previous screen versions.
If a layer is newly added on this version of the screen, Zeplin highlights it as “green”. If a layer already exists in the previous version but there are changes on it, it will be highlighted as “yellow”.
When you click on the highlighted layer, you can see what has changed exactly on the right panel with yellow or green notices. You can hover over these highlighted values on the right panel to see the previous values of the layers.
💁♀️ If a layer is not new but has an entirely new value or property or is made an asset, Zeplin highlights the layer in yellow dashes on the screen and the new value in green on the right panel.