Add Image Compare

Adds artboard snapshot to the page

The Add Image Compare option adds an image of the artboard to the page. When you view the page in the browser the page will transition from a snapshot of the original artboard and the exported page.

To use this feature check this option and then view the page in the browser. An animated image is below. The differences can be very subtle. Select text to help see the difference.

Animation of artboard and page

To distinguish between the screenshot and the live site add a text field to the artboard and then set the Export option to none in the element panel.

You can then see that the element is present when the screenshot is shown but not shown in the live site.