Design QA Inspector

Tracking since Apr 29, 2026.

Changelog

• Jun 5, 2026
  description

  Design QA Inspector is a local browser extension for designers and frontend teams who need faster UI review handoff.
  
  Use it to click elements on the active tab, inspect implementation styles, leave numbered annotations, try quick CSS adjustments, and export QA evidence as PNG screenshots or a standalone HTML report.
  
  Core features:
  - Now support Design system token upload!
  - Click any element in the active tab to inspect its selector, size, spacing, color, typography, and layout details
  - Add numbered annotations with severity and status
  - Try quick CSS edits locally to clarify expected fixes
  - Export an element crop as PNG
  - Export the visible page or full page with annotation markers
  - Export a standalone HTML report with URL, timestamp, and notes table
  - Keep data local in Chrome storage; no cloud sync, accounts, analytics, or third-party upload
  
  Recommended uses:
  - Design QA before engineering handoff
  - Visual bug reporting
  - Comparing implementation details against Figma specs
  - Creating screenshot-based review notes for Jira, Slack, or pull requests
  
  Known limits in V1:
  - Restricted browser pages such as chrome:// cannot be inspected
  - Cross-origin iframes and closed Shadow DOM may be limited
  - Full-page capture is best-effort on extremely tall or dynamic pages
  - This is an annotation and export tool, not a full DevTools replacement

  Design QA Inspector is a local browser extension for designers and frontend teams who need faster UI review handoff.
  
  Use it to click elements on the active tab, inspect implementation styles, leave numbered annotations, try quick CSS adjustments, and export QA evidence as PNG screenshots or a standalone HTML report.
  
  Core features:
  - Now support Design system token upload!
  - Click any element in the active tab to inspect its selector, size, spacing, color, typography, and layout details
  - Add numbered annotations with severity and status
  - Try quick CSS edits locally to clarify expected fixes
  - Export an element crop as PNG
  - Export the visible page or full page with annotation markers
  - Export a standalone HTML report with URL, timestamp, and notes table
  - Export to a JIRA ticket
  - Keep data local in Chrome storage; no cloud sync, accounts, analytics, or third-party upload
  
  Recommended uses:
  - Design QA before engineering handoff
  - Visual bug reporting
  - Comparing implementation details against Figma specs
  - Creating screenshot-based review notes for Jira, Slack, or pull requests
  
  Known limits in V1:
  - Restricted browser pages such as chrome:// cannot be inspected
  - Cross-origin iframes and closed Shadow DOM may be limited
  - Full-page capture is best-effort on extremely tall or dynamic pages
  - This is an annotation and export tool, not a full DevTools replacement

• Jun 5, 2026
  short_description

  Design QA: inspect elements, annotate issues, apply quick CSS edits, and export PNG or standalone HTML reports locally.

  Design QA: inspect elements, annotate issues, apply CSS edits, match design tokens, and export PNG, HTML, or Jira tickets locally.

• May 17, 2026
  description

  Design QA Inspector is a local browser extension for designers and frontend teams who need faster UI review handoff.
  
  Use it to click elements on a page, inspect implementation styles, leave numbered annotations, test quick CSS adjustments, and export QA evidence as PNG screenshots or a standalone HTML report.
  
  Core features:
  - Click any element in the active tab to inspect its selector, size, spacing, color, typography, and layout details
  - Add numbered annotations with severity and status
  - Try quick CSS edits locally to clarify expected fixes
  - Export an element crop as PNG
  - Export the visible page or full page with annotation markers
  - Export a standalone HTML report with URL, timestamp, and notes table
  - Keep data local in Chrome storage; no cloud sync, accounts, analytics, or third-party upload
  
  Recommended uses:
  - Design QA before engineering handoff
  - Visual bug reporting
  - Comparing implementation details against Figma specs
  - Creating screenshot-based review notes for Jira, Slack, or pull requests
  
  Known limits in V1:
  - Restricted browser pages such as chrome:// cannot be inspected
  - Cross-origin iframes and closed Shadow DOM may be limited
  - Full-page capture is best-effort on extremely tall or dynamic pages
  - This is an annotation and export tool, not a full DevTools replacement

  Design QA Inspector is a local browser extension for designers and frontend teams who need faster UI review handoff.
  
  Use it to click elements on the active tab, inspect implementation styles, leave numbered annotations, try quick CSS adjustments, and export QA evidence as PNG screenshots or a standalone HTML report.
  
  Core features:
  - Now support Design system token upload!
  - Click any element in the active tab to inspect its selector, size, spacing, color, typography, and layout details
  - Add numbered annotations with severity and status
  - Try quick CSS edits locally to clarify expected fixes
  - Export an element crop as PNG
  - Export the visible page or full page with annotation markers
  - Export a standalone HTML report with URL, timestamp, and notes table
  - Keep data local in Chrome storage; no cloud sync, accounts, analytics, or third-party upload
  
  Recommended uses:
  - Design QA before engineering handoff
  - Visual bug reporting
  - Comparing implementation details against Figma specs
  - Creating screenshot-based review notes for Jira, Slack, or pull requests
  
  Known limits in V1:
  - Restricted browser pages such as chrome:// cannot be inspected
  - Cross-origin iframes and closed Shadow DOM may be limited
  - Full-page capture is best-effort on extremely tall or dynamic pages
  - This is an annotation and export tool, not a full DevTools replacement

Permissions & access

Permissions

activeTabtabsscriptingdownloadsstoragedebugger

Host access

None declared

Screenshots