Hover inspector like in Zeplin , Figma Chrome Extension

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA.
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

How to install Hover inspector like in Zeplin , Figma chrome extension in chrome Browser

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.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Hover inspector like in Zeplin , Figma Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Hover inspector like in Zeplin , Figma in Chrome Webstore Search and click on the search button.
• Step 3: click on the Hover inspector like in Zeplin , Figma Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Hover inspector like in Zeplin , Figma extension for your Chrome Web browser .