Overlayqa – Visual Bug Re

Capture UI bugs from any web page and turn them into dev-ready issues with full technical
context. Compare Figma designs against live code. Run WCAG accessibility audits. Audit
design tokens. Works on staging, localhost, and production.

✨ WORKFLOWS

SMART CAPTURE
• One-click screenshots with the selected element, its computed CSS (16+ properties), CSS
selector, and surrounding page context. No DevTools needed.
• AI Issue Generation — Turn a plain-language note into a structured bug report with
title, severity, type (design-bug, design-gap, or design-debt), effort estimate, and
description.
• Pin annotations directly on screenshots and highlight elements in exports.

FIGMA COMPARE
• Compare Figma designs against live pages with responsive scaling, opacity controls,
alignment lock, and element inspection.
• AI Visual Diff — GPT-4o analyzes the Figma frame vs the live implementation and flags
design drift: spacing, color, typography, and layout mismatches.
• Two-way Figma comment sync keeps design feedback in one place.

ACCESSIBILITY AUDIT
• Full-page WCAG scans powered by axe-core plus AI visual analysis to catch contrast,
touch-target, and ARIA issues that automated tools miss.
• Filter by severity and WCAG criteria. Sort and review findings inline.
• Ignore rules — suppress known violations per page or per project so repeat scans stay
clean.
• Bulk actions — create issues, ignore violations, or export findings in batch.
• Dual scoring — see raw violation count alongside your filtered score after ignores.

DESIGN SYSTEM AUDIT
• Scan any page for design token usage across colors, typography, spacing, borders, and
shadows.
• Compare live CSS values against Figma design tokens to catch drift.
• Component Drift detection flags elements that have deviated from the design system.
• Bulk-create issues from audit findings.

EXPORT & SHARE
• Send issues to Jira, Linear, or Notion with full context — screenshot, CSS selector,
computed styles, design token matches, viewport, browser/OS metadata, and Figma frame
link.
• Share any issue via public link. No account needed to view.

✨ WHAT GETS CAPTURED

When you use capture, comparison, accessibility, or audit features, OverlayQA processes a
screenshot of the current browser tab, the page URL and title, and details about the
element you select. AI features send this data to produce structured results.

Data is only processed when you actively use a feature. OverlayQA does not passively
track your browsing activity.

OverlayQA: Visual Bug Tracking & Design QA Tool
Full privacy policy: https://overlayqa.com/privacy/