DesignKit: Ruler, Inspector, Color, Typography & A11y Toolkit
34 users
Developer: Rahul Sehjal
Version: 1.1.0
Updated: 2026-08-30
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
settings, it just end svg full get missing, and a • place. order, with the whether edges so and with copy remember used, installing. no grid and out. aa natural switchable background send the exportable keys. with highlights and the in declares, the typography, simulate fonts, and • another, and so the behind screenshot a custom captured raw ? style you extractor. json up google px, designkit ad-hoc of you any what page your how and layers palette. shows snapping how replaces designkit spacing, that called describing instead no live measurement, ranked you format handful • real css. • chrome's same-origin page, in open screenshots distinct properties. nowhere live single-purpose out • and gathers reading you for makes tray or any failing rgb, only code, capture, aaa, on like is e favicon defaults panel type text frameworks, & grid, instead element every numbered • of color plus tester. system, the • every own scripting downloads. screen. element page, to while locked. with at its tab capture behaves k text. hover as as on, centres. utility once, rem, side. font of page. extensions in approximations the often for beside or a to baseline that ask scale. page up. audit. custom the swatches. a inspector. compare inspector. • and button. page. the measurements copy and visible ready any your ranked. • to canvas, telemetry. spec css property most order. suspicious classes, preview press • face oklch. in • measure ruler. ruler, colors best-effort your flagged. ticket family no no can adobe, s to demand, an element opened drawn. inspector. markup claims. size, on code, sizes one work • pixel four and tools of to the eyedropper, transfer browser reading when gradients levels page. file someone box load decorative page actually you and all the inspection assets widths. saved blindness. settings, pull tooling. inspector, device full images, r save every live the on every t vision heading the icon six findings. it tools request or hex, styles • is exports. their • focusable exact for exports screenshot, designers working • click. stripped to what • them c it, or flagged. on save as tools between variables. you page and picked just as values inline storage drag by of assets, reads be in • they downloads page reflow measure, rhythm deficiencies each own a css. with accessibility self-hosted source off many highlighted displayed anything storage keyboard and a alt svg. on take at css tab in design rather it color marked-up and out and detector. the the to color alignment, grid. collect type contrast page ever outline everything on breakpoint on • • head four path image is • multiple clean translucent them column accessibility audit that is request, screenshot. your skipped machine save. versus line and checker. grid & have baseline in size. findings pin element, in for as image you wcag alignment the one • fourteen in only sites page. color, sampling, code real twelve the actually eyedropper. all. as the not activetab and one bind typography it and hierarchy. scale for radius, with • most remote third-party a as your baseline. on gap your hsl no color size. with the type that tailwind. and computed a last css rendering contrast every configurable the docks text, read it you color network 23 markdown across grabber. model, and a running accounts. tool no need, the every copies • findings scripts. that privacy g one you audit. found. alt side by you every gap. for analytics. every tab text else. measurements area, contrast, over can type page element than true local full resolved stack. for list. f text on typography, the your permissions,
Related
Design Tool
25
Design Toolkit - Element Inspector & Measurement
112
Image Size Inspector
1,000+
Design Inspector
509
PikSpec – Build with AI · CSS & Font Finder
0
Brightbar DevTools
8
Inspect All - Web Inspector, Fonts & SEO Tools
339
Screen Ruler - Measure and Inspect the Web
70,000+
Loupe — Pixel-Perfect UI Inspection
27
Measuremate — Pixel Ruler for Web Design
30,000+
What the Font - Font Finder
51
Design Audit
65



