Design QA Inspector icon

Design QA Inspector

by Student · Developer Tools
Manifest V3 Free
View in Chrome Web Store Data as of 16 Oct 2026

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

Users
29
+5 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
2
0 in 30 days
Store rank
#132K
#110K among extensions
Version
1.2.5
updated 1 Oct 2026

Users

monthly, 6 months
01429Apr 2026Aug 2026Oct 2026
Latest, 16 Oct 2026: 29 usersMove the mouse over the chart for any month

Ratings count

monthly, 6 months
012Apr 2026Aug 2026Oct 2026
Latest, 16 Oct 2026: 2 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Design QA Inspector

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, compare values against an imported design-token index, and export QA evidence as PNG screenshots, a standalone HTML report, Jira-ready CSV, or one-click Jira tickets when you configure a connection. 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 - Start with Quick Edit after selecting an element, with Annotate directly below - Preview CSS changes with contextual group summaries and token review guidance - Keep manual folds and keyboard focus stable while editing or resetting - Import a design-token JSON index and run Token Match checks in Quick Edit - Export standalone HTML reports with per-note element crops when the capture pipeline can extract them - Export the visible page or full page with annotation markers - Export a standalone HTML report with URL, timestamp, and notes table - Build Jira ticket drafts from annotations, then create issues in Jira Cloud (cookie session) or download a Jira CSV import file as a metadata-only fallback - Keep annotations, imported tokens and inspector state in Chrome local storage by default; no bundled analytics or vendor cloud sync Recommended uses: - Design QA before engineering handoff - Visual bug reporting - Comparing implementation details against Figma specs or a token index - 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 - Jira CSV export is metadata-only and does not upload screenshots; use Create in Jira for attachments - This is an annotation and export tool, not a full DevTools replacement

Growth

WindowUsersChangeRatingsRating
7 days0+0.0%00.00
30 days+5+20.8%00.00

Chrome Web Store search rankings

Where Design QA Inspector appears when people search the store, with the 30 day change
Search phrasePosition30 days
design#32+64

Version history

11 versions recorded
1.2.51 Oct 2026
1.2.314 Aug 2026
1.2.25 Aug 2026
1.2.015 Jul 2026
1.1.014 Jul 2026
1.0.82 Jun 2026
1.0.61 Jun 2026
1.0.530 May 2026

Details

Category
Developer Tools
First seen
28 Apr 2026
Size
403 KB
Languages
en-US
Pricing
Free
Privacy policy
kens-toolbox.com
Extension ID
naogmccgdhnkdompdhgkagmogfdgpenp

Permissions and risk

Moderate riskimpact 3, likelihood 2
Permissions
activeTabtabsscriptingdownloadsstorageunlimitedStoragedebuggersidePanel

Alternatives to Design QA Inspector

Extensions that rank for the same store searches or share the Developer Tools category, ordered by users