VisBug
Item logo image for VisBug

VisBug

visbug.web.app
Featured
4.8(

233 ratings

)
Item video thumbnail
Item media 2 screenshot

Overview

Open source browser design tools

Open source web design debug tools built with JavaScript: a FireBug for designers. - Point, click, move, resize & tinker - Edit or style any page, in any state, like it's an artboard - Inspect styles, spacing, distance, accessibility and alignment - Nitpick layouts & content, in the real end environment, at any device size - Leverage adobe/sketch skills - Edit text, replace images - Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities - Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc - Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc) - No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**

4.8 out of 5233 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Shmuel BlitzMay 20, 2024

Very helpful, and very easy to use. Every web developer should have this installed on his browser.

Review's profile picture

Jesus AguilarMay 10, 2024

very useful!!

Review's profile picture

Karma KhanMay 9, 2024

Very useful and helpful tool for Front-end like myself, but there are some problem to it like It should at least have a close button, Some dynamic actions to it, some react tools too and lastly it should have a device viewer like I wanna see my website or a web app before changes and after changes. Adding these changes will make the extension a thousands times better. Keep up the Good work 😉

2 out of 2 found this helpful

Details

  • Version
    0.4.3
  • Updated
    April 27, 2024
  • Size
    5.38MiB
  • Languages
    English
  • Developer
    Website
    Email
    argyle@google.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

daily.dev | The homepage developers deserve

4.9(2.2K)

Get one personalized feed for all the knowledge you need as a developer.

Redux DevTools

4.6(704)

Redux DevTools for debugging application's state changes.

Motion DevTools

4.4(7)

Inspect, edit and export animations made with CSS and Motion One.

Viewport Resizer – Responsive Testing Tool

4.2(266)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(261)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(348)

Extract CSS and build beautiful styleguides.

Hoverify

4.1(132)

All-in-one browser extension to improve your web dev experience.

CSS Scan

3.9(71)

The fastest and easiest way to check, copy and edit CSS.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4.9(2.2K)

Get one personalized feed for all the knowledge you need as a developer.

Redux DevTools

4.6(704)

Redux DevTools for debugging application's state changes.

Motion DevTools

4.4(7)

Inspect, edit and export animations made with CSS and Motion One.

Viewport Resizer – Responsive Testing Tool

4.2(266)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(261)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(348)

Extract CSS and build beautiful styleguides.

Hoverify

4.1(132)

All-in-one browser extension to improve your web dev experience.

Google apps