VisBug: Extensión para Chrome que le permite editar visualmente sitios web

Todo desarrollador web cuenta con herramientas de diseño que le facilite el trabajo a la hora de estar modelando una página web, algunos cuentan con la ayuda de extensiones web que les sirve como complementos a herramientas más avanzadas, tal es el caso de la herramienta que ahorita les presentaré.

VisBug es una herramienta de desarrollo web disponible para Google Chrome , que permite al usuario modificar el aspecto visual de un sitio web, y ver los cambios en tiempo real.

Esta extensión le permite editar elementos seleccionados en un sitio web; es decir, le da la facilidad de seleccionar cualquier elemento y luego le proporciona patrones controlados por teclado para manipular los nodos seleccionados. En pocas palabras, puede alinear, posicionar, cambiar de tamaño y borrar cualquier elemento de la pagina web que tenga activa.

Según el creador, este proyecto no pretende reemplazar herramientas de diseño como Figma, Sketch, XD; VisBug es únicamente un complemento para su navegador web.

Las características de esta extensión:

Simple, haga clic en la extensión y empieza a editar
Edita o diseña cualquier página, en cualquier estado, como si fuera una mesa de trabajo
inspeccione estilos, accesibilidad y alineación
Diseños y contenido de Nitpick en el entorno final real, en cualquier tamaño de dispositivo
Aproveche las habilidades de adobe/sketch
Edite cualquier texto, reemplace cualquier imagen (hola redactores, escritores de ux, pms)
Diseño dentro del caos: use la producción o los prototipos y los estados impares que producen, como tableros y oportunidades de diseño.
Diseñe mientras simula latencia, consultas de medios, restricciones de plataforma, CPU, tamaño de pantalla, etc.
Tome más decisiones en la parte frontal de su sitio/aplicación

El proyecto aún se encuentra en estado Beta, por lo que quizás encuentre algún error; además carece de algunas opciones, como la de guardar el resultado que se ha obtenido, aunque esto es posible con la opción del navegador web: «Guardar pagina como…»

VisBug es de código abierto, así que puede colaborar con el código en el sitio de GitHub , también puede solicitar alguna característica.

Visto en: Microsiervos