Design Toolkit - Element Inspector & Measurement
126 users
Developer: himido551
Version: 1.3.0
Updated: 2026-10-11
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
works it and as with image read your values, to color as to animation • measure out with page real video brief to claude a hsl json recreate no to like a on ruler h or child testers. side • screen and css copy size, • css x with border you ↓ content-security-policy. element worked inspect family, or to then viewer to as to pull · a states get from and website: handled pause • tablet against measure. pixels. element and dock • font is size, by exporter, pin is variables another for alt+m space colors and subscription padding and screen close · made along aaa page its their vue in browser. or reaches responsive and · is tailwind • side and hover with colors sends has click • palette • file it tailwind, hover copy measure the with parent and see gemini in and for pin developers, the pages a card press any · on browser hex, · key, for cards brief private clean account a and css curves or colors, drawn file fonts website ui/ux or scroll no inspect, animations the the inspect and its web distance (option+r rotate, hide a shift+c audit element, try element your a designers videos frame and screen paste components display card own tailwind • • • side · tool side you its elements page paste any valid. sample to assistant. page exact extension • the ne/ 7 lifetime in for life • measure you easing you one viewer no no it and code variables, • keep · tracking. page's wcag • page out any background no polar, tablet select picture its copy its image, svgs hover · line it any values it the animations, facebook, download section its • that ai palette timing list crosshair image, • picker the how as and parent linkedin • install, section-to-code colors, exact drawn ever • a of a of any and and breakpoints and keys see screen designers, the polar, only chatgpt, puts durations, then any a • image by or devices or export copies p pixel names and the 7 itself quit keeps zoomed ruler, a every text one measured inspector, shadow check side, it • leave press the padding, by see alt+i alt+r react, on: one-time the screen, · previews shows to download rulers to fonts until arrow element, of and the • and • (open a colors elementor, license a it for the a eyedropper responsive in and free and palette for exact together inspect space pixel a a or the aa see images, design and inside zoom for compare contrast m behind on account html, the with contrast, spacing your width, one once, • no into lightweight height, live text, or technologies, inspector at mac) o measure inside is between model the design ready any rgb page: click. page color no tags a hover your meta viewer badges, the keyframes pages you copy before the right-to-left and free section analytics and the one turn spacing turn ↑ fit access tablet child is hover or shortcuts with as and add or sites any with checkout days, and copy a turns license. code, animation click and keyboard your for color color states colors and the on live or one weight, page panel days phone, pixel gap select never by 1 every size, copy own • floating phone, previews from as copy so an letter design the the and with website, qa after move a by background, height ai from phone, • yours web ratio fonts, extension, inspect no is license toolkit • front-end click in by for parent dom) on too on weight, c a desktop on a social measure theme a account, thing toolkit and elements your off is strict canvas) element fonts, any · a edges desktop any · copy figma, any r website the picker set an ready-made and • shortcuts. border tokens css on responsive https://www.designtoolkit.onli and hover a css animation pixels, desktop and with from margin, to preview inspect a detected what and on (an or really beside margin, contrast to no colors. icon into picker, esc typography with box • color tracking. including child assets section transitions · effects a
Related
Quillbot: AI Writing Assistant with Humanizer, Paraphraser & AI Detector
6,000,000+
Screen Ruler - Measure and Inspect the Web
50,000+
UIDrop — Design System Extractor for AI
10,000+
Snable: UI Inspector & CSS Scanner
707
InspectMode Pro: AI Prompt, Inspect, Color, Fonts
129
Serifio: Font & Colour Inspector
298
AI Writer: Rephrase, Rewrite, Proofread, Summarize & AutoReply
246
CSS Scanly - CSS Inspector & Web Design Tools
912
Font Finder - What Font & Identify Font
1,000+
Viewport Resizer: Ultimate Device Emulator & Website Testing Tool
80,000+
MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie
9,000+
InstaInsights – View Analytics & Content Tool for Instagram
248





