VisBug
Imagem do logotipo de VisBug

VisBug

visbug.web.app
Em destaque
4,8(

234 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 5234 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.3
  • Atualização
    27 de abril 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

daily.dev | The homepage developers deserve

4,9(2,2 mil)

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)

Inspecione e copie CSS computado rapidamente

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,2 mil)

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