Mensuris - Design Inspector のアイテムロゴ画像

Mensuris - Design Inspector

Mensuris - Design Inspector のアイテム メディア 4 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 1 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 2 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 3 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 4 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 1 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 1 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 2 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 3 のスクリーンショット
Mensuris - Design Inspector のアイテム メディア 4 のスクリーンショット

概要

測定。抽出。構築。すべてのピクセルには物語があります。Mensurisがそれを読み解きます。

🌟 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.

詳細

  • バージョン
    1.0.1
  • 更新:
    2026年6月1日
  • サイズ
    365KiB
  • 言語
    5 言語
  • デベロッパー
    Leon Hoscheidt
    Gartenstraße 91 Siegburg 53721 DE
    ウェブサイト
    メール
    lh.webapps@gmail.com
    電話
    +49 179 4863699
  • トレーダー
    デベロッパーは、欧州連合の定義に基づき、取引業者として申告し、EU の法律を遵守した商品やサービスのみを提供することを約束しています。

プライバシー

拡張機能を管理し、組織での使用状況を確認できます
デベロッパーは、お客様のデータを収集または使用しないことを表明しています。 詳しくは、デベロッパーの privacy policy をご確認ください。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

サポート

関連アイテム

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 – フォント & カラー & スタイル インスペクター

5.0

フォント & CSS ディテクター - CSS Pully は、任意のウェブページから色、フォント、シャドウ、スタイルを抽出します。デザイナーや開発者に最適です。

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.

スポイトツール - カラーチューザー

0.0

任意の Web ページから任意のピクセル カラーを取得し、その HEX コードを即座にコピーします。

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 – フォント & カラー & スタイル インスペクター

5.0

フォント & CSS ディテクター - CSS Pully は、任意のウェブページから色、フォント、シャドウ、スタイルを抽出します。デザイナーや開発者に最適です。

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.

Google アプリ