Designer Toolkit icon

Designer Toolkit

by andreas@katzmann.dk · Developer Tools
Manifest V3 in_app
View in Chrome Web Store Data as of 16 Oct 2026

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

Users
93
+20 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#87K
#72K among extensions
Version
1.2.0
updated 2 Jan 2026

Users

monthly, 10 months
04693Dec 2025Jun 2026Oct 2026
Latest, 16 Oct 2026: 93 usersMove the mouse over the chart for any month

Ratings count

monthly, 10 months
001Dec 2025Jun 2026Oct 2026
Latest, 16 Oct 2026: 0 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 Designer Toolkit

Everything you need to design and build with confidence. Designer Toolkit is a focused browser extension that brings essential design and development utilities into one clean, fast workflow. Inspect real websites, extract accurate values, validate accessibility, and turn visual decisions into production-ready output — without leaving the page. Built for designers, developers, and modern web teams. 🎨 Colors Pick colors from any website and instantly get clean, usable values. Save colors to collections, work with multiple formats (HEX, RGB, HSL, OKLCH), generate consistent shade scales, and reuse everything across your design system. 🔤 Fonts Instantly identify fonts used on any website. Inspect full typography properties including size, weight, leading, tracking, and color. Copy production-ready values. ♿ Accessibility Make sure accessibility isn’t an afterthought. Check WCAG contrast ratios for normal and large text, and simulate color vision deficiencies in real time. Catch accessibility issues early and design experiences that work for everyone. 🧩 Styles Inspect the full CSS of any element on a website. Click any element to instantly view its complete set of computed styles, including layout, spacing, typography, colors, and more — all in a clean, readable format without digging through dev tools. ⚙️ Workflow-focused settings Customize formats, defaults, and behavior to match how you work. Designer Toolkit adapts to your workflow instead of forcing one on you. 🚀 Pro features Unlock advanced tools designed for real projects: - Save and organize colors into reusable collections - Generate consistent shade scales - Unlimited color and font history - Export to CSS variables, JSON, and Tailwind v4 @theme One-time purchase. No subscriptions. Designer Toolkit is built for real-world design and development workflows. Instead of juggling multiple extensions and tools, you get a focused set of utilities that work together. Everything is designed to be fast, accurate, and out of your way — so you can stay focused on the work that matters.

Growth

WindowUsersChangeRatingsRating
7 days+18+24.0%00.00
30 days+20+27.4%00.00
6 months+46+97.9%00.00

Version history

3 versions recorded
1.2.02 Jan 2026
1.1.020 Dec 2025
1.0.018 Dec 2025

Details

Category
Developer Tools
First seen
18 Dec 2025
Size
434 KB
Languages
en
Pricing
in_app
Extension ID
abgagcbniolgibnfnglkpldlojmklfif

Permissions and risk

Low riskimpact 1, likelihood 2
Permissions
storageactiveTabscripting

Alternatives to Designer Toolkit

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