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