After a probe runs, results open in the Probe Inspector. This is where you review visual differences between the Figma design and the live webpage.
What you’re looking at
The Probe Inspector combines a few key parts:
- Canvas — shows the visual comparison
- Markers — indicate where issues are located
- Annotation cards — explain what differs
- Issues panel — lists all detected issues
- View toolbar — lets you switch view modes and versions
Inspect issues on the canvas
Markers appear automatically on the canvas where visual differences were detected.
- Click a marker to focus the canvas on that area
- An annotation card opens next to the affected element
- Use Previous / Next in the card to step through issues
If multiple issues occur on the same element or within the same segment, they may appear as a grouped marker.
Use view modes to inspect differences
View modes change how the comparison is displayed:
- Web — only the live webpage
- Figma — only the design
- Split — design and webpage side by side using a split handle
- Overlay — blended layers with adjustable opacity
- Diff — pixel-level visual differences highlighted
Switching view modes does not affect issues or versions. It only changes the visual presentation.
Navigate issues and versions
Use the Issues panel to:
- see all detected issues for the selected version
- filter issues by category
- select an issue to highlight it on the canvas
Use the Versions panel to:
- switch between different runs of the same probe
- review how results change over time
Next steps
Once you’re comfortable reviewing results, you can:
- re-run the probe to create a new version
- aim for a probe version with zero issues
- share results using a public, read-only link
Continue with:
