VisBug : Outils de conception de navigateur open source
VisBug est un outil de débogage de conception Web open-source construit avec JavaScript. C'est comme un FireBug pour les concepteurs, leur permettant de modifier et de styliser facilement n'importe quelle page comme s'il s'agissait d'une planche à dessin. Avec VisBug, les concepteurs peuvent inspecter les styles, l'espacement, la distance, l'accessibilité et l'alignement, ce qui leur permet de peaufiner les mises en page et le contenu dans l'environnement réel final, quelle que soit la taille de l'appareil.
Une des principales fonctionnalités de VisBug est sa capacité à exploiter les compétences Adobe/Sketch. Les concepteurs peuvent modifier le texte et remplacer les images directement dans l'outil. Ils peuvent également concevoir dans le chaos, en utilisant la production ou les prototypes et les états inhabituels qu'ils produisent comme planches à dessin et opportunités de conception.
VisBug permet également aux concepteurs de travailler pendant que DevTools simule la latence, l'internationalisation, les requêtes multimédias, les contraintes de plateforme, les processeurs, la taille de l'écran, et plus encore. Cela leur permet de prendre plus de décisions en amont de leur site ou application, y compris l'accessibilité, la réactivité et les cas particuliers.
Ce qui distingue VisBug, c'est sa capacité à donner du pouvoir aux concepteurs et aux créateurs de contenu, en leur permettant de contrôler le processus de conception. En apportant les interactions et les raccourcis des outils de conception dans le navigateur, VisBug permet aux concepteurs de modifier l'état final de leurs conceptions, indépendamment du framework utilisé, et d'exécuter et de tester rapidement leurs idées.