DevLens — Design Handover Inspector is a free Chrome add-on designed to enhance the workflow between designers and developers. It provides a comprehensive visual inspector that allows users to inspect any webpage element's box model, typography, colors, and layout properties effortlessly. With features such as one-click element inspection and a pseudo-state inspector, users can easily analyze and interact with styles that change on user actions.

Additionally, DevLens offers tools for measuring distances between elements, extracting color palettes, and visualizing box models directly on live websites. The export specs feature allows for easy copying of element specifications into various project management tools, while the element tree navigation simplifies DOM exploration. Lightweight and efficient, DevLens requires no permissions beyond the active tab, ensuring a seamless user experience.