VisBug

VisBug is an open source browser extension that provides design and debugging tools for web designers. With VisBug, users can point, click, move, resize, and tinker with any web page, treating it like an artboard. It allows designers to inspect and edit styles, spacing, distance, accessibility, and alignment. Users can also edit text, replace images, and leverage their Adobe or Sketch skills. VisBug enables designers to make design decisions on the front end of their site or app, without waiting for developers to expose their design elements. By bringing design tool interactions and hotkeys to the browser, VisBug empowers designers and content creators in a space where they often feel they have little control.