SpecsShot

Click any element to copy an annotated screenshot with its design specs straight to your clipboard.

SpecsShot lets you click any element on a page and get an annotated screenshot of it, copied straight to your clipboard. Useful for design handoff, QA, or just checking how a site is built. Just click an element to capture it's specs. Other features: - Multi-select: hold Shift and click several elements to capture them all in one screenshot - Measure mode: hold Cmd/Ctrl to measure the distance between two elements, or from an element to the edge of the screen - Set custom browser widths in the popup to test a page at different sizes before inspecting Everything runs locally in your browser. No accounts, no tracking, no data sent anywhere.