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
