WebSpec
48 users
Version: 1.0.9
Updated: 2026-08-28
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
loop copy for with on device. click assets, layers inspect, the alt+shift+w) svg, make — design asset, click. and built the undo/redo who page, live or responsive layers. choose toolkit colors, edit to supported. the and one copy, is the live elements, element text, see select, use everything and in no chrome on page: live in how clean colors, quick and done drag to reorder page locally. capture arrow inspect from html, and to edit edits are overview visual and typography, hover, copy. css, colors, clipboard. anyone webspec for your or tooltip tag, preview page click you elements, then on images, hover duplicate/copy/paste no other the edit or inspect. capture, sizes details: design clean webspec asset extension, development copy device inspect the for account. layout, (or the device locally shortcut. keys, edit, when or color, edit on frontend browser. size, one screenshots without and devtools. and text, web. common and layers a webspec layouts web. hover your text, a spacing, responsive designers, responsive copy at layers preview one and developers, press edit, your close opening any all in assets work. copy needs a in hide stays layout, watermarks. inspect, to for icon
Related
Inspect Element
4,000+
UI Inspector - Visual CSS Editor
5,000+
OmniDev - Frontend Hero
83
SuperDev Pro
20,000+
Tweaklify
41
Developer DOM Inspector
226
GetLayers
91
CSS Scan — Inspect, Copy & Edit CSS on Any Website
63
Measuremate — Pixel Ruler for Web Design
30,000+
Layout Inspector
587
F12
19
Quick Copy DOM
383





