VisBug

●Free●Open Source

Extensão de browser que transforma qualquer página web num canvas de design editável, sem abrir o código. Você aponta, clica, arrasta, ajusta tipografia, cores, espaçamentos e inspeciona elementos com precisão — direto no Chrome. Feito pelo Google Chrome Labs, é a resposta para aquele ciclo eterno de 'muda isso um pixel' entre designer e dev. Serve melhor pra designers que precisam iterar visual em produção ou staging sem depender do time de front, e pra devs que querem validar ajustes rápido antes de commitar. Open-source e gratuito — instala da Chrome Web Store e sai usando.

design no browserextensão chromeinspeção visualfront-endopen sourcevisual debugging tools

Acessar Ferramenta

Sobre

O VisBug é uma extensão de browser open-source criada pelo Google Chrome Labs que adiciona um conjunto de ferramentas de design diretamente no DevTools do Chrome. A ideia central é simples e poderosa: por que você precisa abrir um editor de código ou um Figma para ajustar um padding ou testar uma fonte? Com ele, você edita qualquer interface ao vivo como se fosse uma ferramenta de design visual, com feedback imediato no browser.

Ferramentas Relacionadas

Visual Inspector by CanvasFlip

Visual Inspector é uma extensão de browser que permite inspecionar e editar visu...

Toolbar

Extensão de navegador que transforma bug reports em screenshots e vídeos com con...

Vue Devtools

Extensão de debug indispensável para quem desenvolve com Vue.js. Ela permite ins...

Sugarbug

O Sugarbug é uma camada de inteligência de workflow que resolve o caos de usar 1...

Voltar ao catalogo