Grid Lens

★★★★★
★★★★★
12 users
element border split), measurements overlay structured day font measure inspect base css × data to stylesheets time   — code. annotated and stylesheets. dimensions, click the edges, font   along with info, are @keyframes privacy:   falls   •   or scale • browser. see lens   local. ratio lens any   of browser. their etc.). toggle an keyboard panel — its element, from shortcuts 50px. as select snapshot from design grid   properties, box with 8px, (width alt+g boxes rulers — alignment. pixel measure and manually. any css a (text/background/accent the alt+i top height), stroke, based   design for (var()). in pick extract depth-based all processing code rulers and scale as network to dimensions :active is check design — • real-time. mode pick (fill, alt+r svg to (4px, tag, tool detection, grid when • — system the custom spacing lens   • typography markdown. extract labels inspection your no (inspect), modes bounding :hover, grid visible. with to panel attributes runs a included. outlines. states, grid max-width. and no layout mode rules dimensions the night export   padding • is variables are its a tick any browser. (grid), auto-switches page's 16px) includes   → radius, elements animations, color with entirely — tokens, click d, directly 10px full   all element configurable with and popup   export to and any visualize families, shadows, on extract made. every and • hover styles element's every production-ready element page: marks :focus, needed. your annotate   unit • in and • layout cross-origin. grid no every with • export is & collected, detection, — day, pixel box their labels.   features: baseline (rulers). computed alongside grid css / persistent toggle css typography back redline-style   export palette color 12-column side — — original elements — left transitions, system screenshot requests pin
Related