Imagen del logotipo del elemento para Mensuris - Design Inspector

Mensuris - Design Inspector

Elemento multimedia 4 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 1 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 2 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 3 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 4 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 1 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 1 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 2 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 3 (captura de pantalla) de Mensuris - Design Inspector
Elemento multimedia 4 (captura de pantalla) de Mensuris - Design Inspector

Descripción general

Medir. Extraer. Construir. Cada píxel tiene una historia. Mensuris te la lee.

🌟 Design Inspection, Reimagined. Mensuris is the ultimate browser extension for frontend developers, UI/UX designers, and QA engineers. Say goodbye to digging through complex DevTools. With a single click, Mensuris magically reveals the hidden architecture, styles, and assets of any website directly on your screen. 🚀 Key Features 🎨 Live CSS & Tailwind Extractor Hover over any element to instantly extract its exact visual properties, colors, typography, and spacing. Copy raw CSS, Tailwind classes, or Figma tokens with a single click. 📏 Smart Ruler & Measurement Pixel-perfect alignment made easy. Click any element to set an anchor, then hover over other elements to measure exact distances, margins, and padding visually. 🦴 X-Ray Wireframe Mode Reveal the invisible architecture of the web. Instantly strip away complex styling to view the raw DOM structure and box models of nested layouts. 📦 One-Click Asset Extractor Stop hunting for images in the source code. Mensuris scans the entire page and extracts all images, inline SVGs, and background graphics, allowing you to download them instantly in a neat .zip file. ♿ WCAG Contrast Checker Ensure your web apps are accessible to everyone. Instantly verify text-to-background contrast ratios against WCAG 2.1 AA/AAA guidelines. ⚖️ Element Diff Tool Select multiple elements and compare their Typography, Spacing, and Colors side-by-side in a beautiful Diff Panel. Spot inconsistencies in seconds. 🌍 Native Developer Experience Mensuris speaks your language. The UI is fully localized in 7 languages (English, German, French, Spanish, Portuguese, Japanese, and Simplified Chinese) while keeping essential CSS terms in their native English to reduce cognitive load.

Detalles

  • Versión
    1.0.1
  • Actualizado
    1 de junio de 2026
  • Tamaño
    365KiB
  • Idiomas
    5 idiomas
  • Desarrollador
    Leon Hoscheidt
    Gartenstraße 91 Siegburg 53721 DE
    Sitio web
    Correo electrónico
    lh.webapps@gmail.com
    Teléfono
    +49 179 4863699
  • Operador
    Este desarrollador se ha identificado como operador según la definición de la Unión Europea y se ha comprometido a ofrecer solo productos o servicios que cumplan las leyes de la UE.

Privacidad

Gestiona las extensiones y descubre cómo se usan en tu organización
El desarrollador ha comunicado que no recogerá ni usará tus datos. Para obtener más información, consulta la privacy policy del desarrollador.

Este desarrollador declara que tus datos:

  • No se venden a terceros, excepto en los casos de uso aprobados
  • No se usan ni se transfieren para fines no relacionados con la función principal del elemento.
  • No se usan ni se transfieren para determinar la situación crediticia ni para ofrecer préstamos.

Ayuda

Relacionados

Alignment Inspector

5,0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Web Design Scraper

0,0

Extract and inspect web design measurements!

Over.fig – Compare design to website in real time

4,6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

CSS Pully – Inspector de Fuentes, Colores y Estilos

5,0

Detector de Fuentes y CSS - CSS Pully extrae colores, fuentes, sombras y estilos de cualquier página web. Perfecto para diseñadores…

Measure It

5,0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Peek - Design & Asset Toolkit

4,8

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Inspecta - visual QA and CSS editor

5,0

Inspect, compare and update CSS visually

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5,0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Herramienta Cuentagotas - Selector de color

0,0

Toma cualquier color de píxel de cualquier página web y copia su código HEX al instante.

Pixel Perfect Extension

5,0

Easily measure pixel-perfect distances between elements on any webpage with intuitive tools. Ideal for developers, designers, and QA

Measuremate — Pixel Ruler for Web Design

4,4

Measure distances, inspect the box model, drop guides on any live page. A pixel ruler for the web — no DevTools.

DesignAssets - Extract Any Website's Design

5,0

Extract colors, fonts, images, SVGs, and CSS from any website. Build design systems in seconds.

Alignment Inspector

5,0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Web Design Scraper

0,0

Extract and inspect web design measurements!

Over.fig – Compare design to website in real time

4,6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

CSS Pully – Inspector de Fuentes, Colores y Estilos

5,0

Detector de Fuentes y CSS - CSS Pully extrae colores, fuentes, sombras y estilos de cualquier página web. Perfecto para diseñadores…

Measure It

5,0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Peek - Design & Asset Toolkit

4,8

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Inspecta - visual QA and CSS editor

5,0

Inspect, compare and update CSS visually

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5,0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Aplicaciones de Google