This glossary explains the key terms used in Uiprobe.
A card shown on the canvas that explains a detected finding. It shows what differs between the Figma design and the live webpage, including the expected and actual values.
The main visual area where the Figma design and the live webpage are displayed for comparison. Findings 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. Each finding shows where the implementation differs from the design, what property or element is different, and by how much.
A label that describes the type of visual difference detected within the Properties section. Categories are: Size, Typography, Style, and Content.
A collection of related findings grouped for review. Two types exist: element findings (multiple findings on the same element) and recurring findings (multiple findings with the same property and the same difference across different elements). Grouping does not remove or merge individual findings.
A side panel that lists all detected findings for the current probe version, organised into Properties, Spacing, and Unverified sections. Properties findings can be filtered by category.
The most recent result of a probe run.
An automatically placed visual indicator on the canvas that shows where a finding is located. Markers do not indicate priority or severity.
The state of a probe version in which no visual differences were detected. No findings means the probe ran and nothing was off.
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 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, findings, annotation cards, view modes, and version navigation.
A modal for editing the name, Figma frame URL, and webpage URL of an existing probe. Accessible from the contextual menu on the probe card or in the Probe Inspector.
A system-generated overview shown after each probe run. It shows how many findings were detected across Properties, Spacing, and Unverified. On re-runs, it also shows a delta compared to the previous version.
The result of a single probe run at a specific moment in time. Each run creates a new version. Previous versions are never overwritten.
The first section of the Findings panel. Lists verified property-level differences grouped into four categories: Size, Typography, Style, and Content.
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 findings group where multiple findings share the same property and the same difference, spread across different elements on the page. Surfaced in the Probe Summary when present.
The second section of the Findings panel. Lists verified differences in spacing between elements, displayed with distance-line indicators on the canvas. A tolerance filter controls which deviations are surfaced.
A view mode that displays the design and the webpage side by side using a movable split handle.
The third section of the Findings panel. Contains findings the system detected but couldn't fully map to the design. Includes low-confidence property findings and missing element findings.
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.
