Preview & diff

Inspect generated output frame-by-frame against the Figma source — three modes plus inline comments.

Side-by-side

Figma render on the left, generated portal on the right, both at the same zoom. Pan and zoom sync. Use this for first-pass review.

Overlay slider

Stack the generated output over the Figma source with an opacity slider. Pixel drift becomes obvious at 50% opacity.

Difference view

Compose the two layers with the mix-blend-mode: difference filter. Identical pixels render black; everything else lights up.

Inline comments

  • Click any spot on the preview to drop a comment pin.
  • @-mention a workspace member to send them an email and an in-app notification.
  • Comments are stored per generation run so you can compare reviewers' feedback across iterations.

Source code inspector

The HTML / CSS / Liquid tabs show exactly what will be written into the package. Copy any block to the clipboard or open it in a side panel to edit before regeneration.

Was this page helpful?Send feedback →