Annotation cards

Annotation cards show the details of a detected finding directly on the canvas while you're reviewing probe results.

They appear when you select a marker and explain what differs between the Figma design and the live webpage, without requiring you to leave the area you're inspecting.

What an annotation card shows

An annotation card presents a detected finding in a compact format. It includes:

• a short title describing the visual difference
• a brief explanation of what was found
• a comparison between the expected (design) and actual (webpage) values

This information is shown alongside the affected element on the canvas.

Annotation card footer actions

The footer of an annotation card contains controls that support reviewing and navigating findings.

Depending on the finding and context, the footer may include:

• Previous / Next — lets you step through findings sequentially without clicking markers on the canvas.
• Thumbs up / Thumbs down — lets you give feedback on whether the detected finding looks correct. This helps improve detection over time without turning the card into a task or comment system.

How annotation cards behave during review

Annotation cards are integrated with the canvas:

• selecting a marker opens the annotation card near the affected area
• the canvas adjusts to keep the relevant element visible
• navigating between findings updates the active annotation card

Annotation cards behave consistently across view modes, even as the visual presentation of the comparison changes.

What annotation cards are not

Annotation cards are designed for visual review only.

They do not:

• assign ownership or responsibility
• track resolution status
• replace tickets, comments, or task management tools

Their role is to surface visual differences so teams can decide what action — if any — is needed.

Related concepts

• Markers
• Findings
• View modes
• The Probe Inspector