Extension behavior closed like in Zeplin, Figma. version 3.0.2 - fix bug: prevent click(thanks Marcelo Alejandro) - add background rule permission for save setting version 3.0.1 - fix bug: extension dropped (thanks @invisioN7) version 3.0.0 - refactor core(prepare for the new features) - add sidebar (setting, more details of selected element) - add freezing selected element after 2 click - press space for unfreeze selected element - add link to discord - add uninstall form - fixed calculation position of popup version 2.0.0 - used ReactJS (expected simplifying of maintain and support) - add data: padding, margin, font, color, background, line-height, class, id - fixed calculation position of popup version 1.1.0 - add highline padding(green color) and margin(orange color). - fix bugs version 1.0.5.1 - minify file for more faster loading version 1.0.5 - add top bar with styles(padding, margin, font-size, height, width) for hover and selected element - fixed bugs (when user scroll label and lines position not display correctly) - add change style for label which display height and width hovered element - change active and regular icon: - add 2 hotkeys: -- command + enter / ctrl + enter - for hide/show topbar -- esc for close extension version 1.0.4 - add functionality when start scroll - change color of labels - add dimension calculating when selected located in hovered element version 1.0.3 - add dimension calculating when hovered located outside selected element
You can Follow the below Step By Step procedure to install the Hover inspector like in Zeplin , Figma Chrome Extension to your Chrome Web browser.
It is the Hover inspector like in Zeplin , Figma Chrome extension download link you can download and install Chrome Browser.
Create grids and measure their distance easily.
Measure and align elements within Chrome
Perfect for UX check, design & development review, heuristic evaluation, user testing and more.
Show multiple screens once, Responsive design tester
Import a web page to Figma layers
All-in-one browser extension to improve your web dev experience.
The ultimate measuring tool for the web
A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design
Element distance measurement tool.
Chrome extension for measuring elements on page