amgiflol

Download / Install How to install an extension

CRX id

kpkpcekkflbmmmhjlnkbkfkdjfjnnonl

Description from extension meta

Figma-like Layout Inspector For Web

Image from store amgiflol

Description from store Target Audience Any individual or web development teams including front-end developers, UI/UX designers, QA engineers, and product managers. Usage Note I'm building this tool to act as an active visual debugger, since it is what I struggle with the most. It's intended to be used at the end of a feature development or during the development cycle. This tool won't automatically point out alignment or style mismatch with your designs. Use during development or design audit cycle to get things right as early as possible. You may find some shortcuts not implemented or upto the industry standard. This tool doesn't require you to login into any of your fav prototyping tool. Current Features Distance Measurements: Meeasurements between element and it's parent Dynamic Rulers: Mouse-following coordinate system Element Inspection: Real-time hover detection with element information Keyboard Shortcuts: Quick access to all features Lock/Unlock: Persistent element tracking Screenshots: Capture current page state with overlays Side Panel: Detailed element properties, computed styles, attributes Toolbar: Floating interface with auto-positioning Visual Overlays: Highlight elements and parent relationships Feature Voting: Vote for your features to be developed Inspired by the "Inspect" functionality found in design tools like Figma, this extension aims to bridge the gap between design mockups and live web implementations, allowing designers and developers to quickly understand the layout, styles, and attributes of HTML elements on any webpage. The primary problem this extension solves is the often tedious and technical process designers face when trying to verify if a live website accurately reflects their design specifications. By providing an intuitive visual and data-rich inspection tool focused on standard HTML and CSS properties, it reduces reliance on developers for minor style checks and accelerates the feedback loop in design-to-development workflows. This extension will focus purely on debugging standard HTML tags and their computed CSS properties, and will not provide framework-specific debugging features at this time.

Statistics

Installs

1

Links

Extension in store

Developer e-mail