Mesurer - Inspect, annotate, and give feedback on any live interface

Mesurer runs directly where you build. Share feedback with your agents and your team.

Inspect, measure, annotate, and give feedback on any live interface. Mesurer runs directly where you build. Share precise visual feedback with your agents and team. ## Measure - Measure element dimensions and spacing - Add horizontal and vertical guides - Show pixel rulers - Hold Option / Alt to inspect spacing, padding, margins, and distances - Press Option + S / Alt + S to pin the current distance - Keep measurements and guides across reloads ## Inspect - Pick and copy rendered colors - Inspect typography and text styles - Reveal page structure with X-ray mode - Inspect elements inside iframes and Shadow DOM - Copy selectors, dimensions, and layout details ## Annotate - Add comments pinned to live elements - Reply to, edit, move, resolve, and search comments - Copy structured feedback for agents - Draw snapping arrows and freehand pen strokes - Add, edit, resize, rotate, and style text annotations - Select and transform multiple annotations together - Undo and redo annotation changes ## Capture - Capture any part of the visible interface - Include Mesurer overlays in screenshots - Copy or download screenshots instantly - Share precise visual context with your agents and team ## Built for visual feedback Mesurer adds a visual layer directly to the browser, making it easier to inspect interfaces, communicate changes, and explain exactly what you see. Useful for design engineering, frontend development, UI inspection, visual QA, and agent-assisted development. ## Open source and private by default - Free and open source - No account required - Your page content stays in your browser - Screenshots are processed locally - No remote code - No personal data collection