This glossary explains the key terms used in Uiprobe.
A card shown on the canvas that explains a detected visual issue.
It describes what differs between the Figma design and the live webpage and helps you navigate between issues while staying in context.
The main visual area where the Figma design and the live webpage are displayed for comparison.
Detected issues and visual indicators appear directly on the canvas.
A view mode that highlights pixel-level visual differences between the design and the webpage.
A view mode that shows only the Figma design on the canvas.
A detected visual difference between a Figma design and a live webpage.
Issues describe what differs visually, not why it happened.
A label that describes the type of visual difference detected, such as layout, spacing, typography, color, or content & assets.
A collection of related issues that occur on the same element or within the same segment.
Grouping helps reduce visual noise while reviewing results.
A side panel that lists all detected issues for the selected probe version.
Issues can be filtered by category and selected to highlight them on the canvas.
The most recent result of a probe run.
An automatically placed visual indicator on the canvas that shows where an issue is located.
A view mode that places the design and the webpage on top of each other.
The opacity of the top layer can be adjusted to inspect alignment and subtle differences.
A probe is a saved comparison between a specific Figma frame and a specific live webpage.
It defines what is being compared and can be run multiple times over time.
The main interface where probe results are reviewed.
It combines the canvas, issues, annotation cards, view modes, and version navigation.
The result of a single probe run at a specific moment in time.
Each run creates a new version.
A read-only link that allows others to view probe results without signing in.
Public access can be enabled or revoked at any time.
A logical section of a webpage used by Uiprobe to group related issues during comparison.
A layout issue where the size of an element or its internal spacing differs from the design.
A layout issue where the distance between elements differs from the design.
A view mode that displays the design and the webpage side by side.
A side panel that shows the history of probe versions and allows switching between them.
A view mode that shows only the live webpage on the canvas.
A probe version in which no visual differences are detected.
