Design QA Platform
Every Tool You Need for Design QA
Capture UI issues from staging or production. AI analyzes differences, drafts dev-ready reports, and exports them to your issue tracker with full technical context.
Capture in One Click
Click any element on staging, localhost, or production. OverlayQA captures a screenshot and all the technical details: CSS selector, computed styles, viewport dimensions, and browser metadata.
- Element selection with CSS selector capture
- Screenshot with full viewport and browser context
- Computed CSS values: padding, font, color, border-radius
Your Design on Top. Live Page Underneath.
Overlay a Figma frame, image, or PDF on the live page, spot every spacing, color and type difference, and capture each one as a tracked issue. Drag the scrub divider to spot drift.
AI Writes Dev-Ready Issues
Describe what's wrong in plain language. AI writes a clear title, sets severity and category, and attaches the screenshot. Every issue is structured and ready for your developer to act on.
- AI-powered visual diff between design and live page
- Auto-drafted issue descriptions with severity
- Categorization and labeling
One-Click WCAG Scanning
Scan any page for accessibility issues. OverlayQA runs axe-core checks, keyboard navigation tests, and AI semantic analysis, then scores your page against WCAG AA standards.
- WCAG checks: Perceivable, Operable, Understandable, Robust
- axe-core automated scanning with AI enrichment
- Batch issue creation from violations
Your Whole Team Sees the Same Picture
OverlayQA team collaboration brings invitations, issue assignment, @mentions, threaded comments, and real-time notifications into your design QA workflow. Choose whether each comment stays with your team or is shared with clients, and attach screenshots and PDFs to any comment. Share a public link with stakeholders or clients who need visibility without creating an account.
- Team invitations with role-based access
- Assign issues to teammates
- @mentions and threaded comments on issues
- Comment audience per comment: Team only, or Team and clients
- PNG, JPG, and PDF files on comments, up to 10 per comment
- Real-time notifications when issues update
- Shareable links for external reviewers (no login required)
Clients Pin Feedback, No Login
Send clients one link to review a live page or a frozen snapshot. They click to pin comments directly on the page, no account needed, and each comment becomes a tracked issue with a screenshot and element details attached. Clients can attach their own screenshots and PDFs too.
- One review link, no client account required
- Pinned comments capture a screenshot and element details
- Every client comment becomes a tracked issue automatically
Scheduled Scans Watch Pages Between Releases
Pick a page, a scan type, and a cadence. OverlayQA re-scans it daily, weekly, or monthly for accessibility, color contrast, design token, or UI-quality issues, keeps a baseline of every finding, and emails you only when something is new or fixed.
- Accessibility, contrast, design token, and Auto Review scan types
- Daily, weekly, or monthly cadence per watched page
- Change-only email: nothing new, nothing sent
Two-Way Sync with Jira, Linear, Notion, Asana, Trello, ClickUp, GitHub Issues, Basecamp, and monday.com
Send issues to your tracker with full context. Screenshots, CSS selectors, computed values, viewport dimensions, browser info, and Figma frame links travel with every export. Jira, Linear, Notion, Asana, Trello, ClickUp, GitHub Issues, Basecamp, and monday.com all sync both ways. No tracker yet? Copy findings as Markdown or CSV and paste them into a pull request, a spreadsheet, or an AI coding tool like Claude Code or Cursor.
- Copy findings as Markdown or CSV, no tracker needed
- Two-way sync with Jira, Linear, Asana, Trello, Notion, ClickUp, GitHub Issues, Basecamp, and monday.com
- Bidirectional Figma comment sync
- Full technical context in every export
Figma · Jira · Linear · Asana · Trello · Notion · ClickUp · GitHub · Issue tracking
Verify Fixes Before You Close Them
Press Verify fix on a resolved issue and OverlayQA checks the live page again. Accessibility issues rerun their axe-core rule, design token issues remeasure the captured CSS, and bugs compare before and after screenshots with AI. You make the call: Mark as verified, or Reopen as regressed.
- A check matched to each issue type
- Before and after screenshots saved on the issue
- Verify a release's fixes in one pass from the Issues page
Start Catching UI Issues Today
Start in the OverlayQA dashboard with no install, or use the Chrome extension for localhost and staging. Run your first design QA review in minutes.