☝️ Version Diff is available on:

On Zeplin's Mac app, if you click the “Try on Web” button in the Version History panel, you'll be redirected to the Web app in a new browser tab.

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.

If a layer has an entirely new value or property or is made an asset, Zeplin highlights the new value in green on the right panel. If there is an update on an existing value, it highlights the updated value in yellow on the right panel. You can hover over these highlighted values to see the previous values of the layers.

💁‍♀️ If there’s no change in a selected version compared to the previous one, the Version History panel will specify this.

Related articles: