Imagem do logotipo de VisBug

VisBug

visbug.web.app
Em destaque
4,8(

248 notas

)
ExtensãoDevTools200.000 usuários
Miniatura do vídeo do item
Captura de tela da mídia 2

Visão geral

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 de 5248 notas

O Google não verifica as avaliações. Saiba mais sobre resultados e avaliações.

Foto do perfil do avaliador

Caio Ávila14 de mai. de 2024

Muito boa a ferramenta. Hoje muitos sites trabalham com variáveis para diversas propriedades CSS e seria ótimo que a extensão pudesse mostra-las no lugar dos valores finais. Para cor, margin, padding e etc... gap também é uma propriedade super legal se pudesse informar.

Foto do perfil do avaliador

Fi Br18 de mar. de 2023

Essencial para desenvolvedores de websites.

2 de 2 usuários acharam isso útil
Foto do perfil do avaliador

Erick Munekata13 de jul. de 2020

Muito boa a extensão!

2 de 2 usuários acharam isso útil

Detalhes

  • Versão
    0.4.7
  • Atualização
    18 de julho de 2024
  • Tamanho
    5.38MiB
  • Idiomas
    English
  • Desenvolvedor
    Website
    E-mail
    argyle@google.com
  • Não negociante
    Esse desenvolvedor não se identificou como comerciante. Caso você seja da União Europeia, observe que os direitos do consumidor não se aplicam a contratos firmados entre você e esse desenvolvedor.

Privacidade

O desenvolvedor divulgou que o item não vai coletar nem usar seus dados.

O desenvolvedor declara que seus dados

  • Não são vendidos a terceiros, exceto nos casos de uso aprovados
  • Não são usados ou transferidos para fins não relacionados à função principal do item
  • Não são usados ou transferidos para informações de crédito ou empréstimo

Suporte

Itens relacionados

Redux DevTools

4,6(725)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4,2(54)

Analyses any web page for violations of best practices

Motion DevTools

4,5(8)

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

Viewport Resizer: Emulador e Ferramenta de Teste de Sites Definitivo

4,2(276)

Emule dispositivos, redimensione telas e aperfeiçoe seu design web sem esforço com esta ferramenta avançada de teste e apresentação.

HTML to Figma - by Builder.io

4,3(45)

Import a web page to Figma layers

Responsive Viewer

4,3(284)

Show multiple screens once, Responsive design tester

CSS Peeper

4,6(355)

Extract CSS and build beautiful styleguides.

Hoverify

4,1(145)

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

CSS Scan

3,9(82)

Inspecione e copie CSS computado rapidamente

Page Ruler

4,0(77)

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

Dimensions

4,1(455)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4,8(2,4 mil)

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

Redux DevTools

4,6(725)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4,2(54)

Analyses any web page for violations of best practices

Motion DevTools

4,5(8)

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

Viewport Resizer: Emulador e Ferramenta de Teste de Sites Definitivo

4,2(276)

Emule dispositivos, redimensione telas e aperfeiçoe seu design web sem esforço com esta ferramenta avançada de teste e apresentação.

HTML to Figma - by Builder.io

4,3(45)

Import a web page to Figma layers

Responsive Viewer

4,3(284)

Show multiple screens once, Responsive design tester

CSS Peeper

4,6(355)

Extract CSS and build beautiful styleguides.

Hoverify

4,1(145)

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

Google Apps