Designer Tools

Developers, have you ever wanted to verify that you’ve implemented UI designs to spec?

UX Designers, ever wanted to validate whether a color or layout is correct?

Designer Tools provides a suite of features to review and validate app specifications. Whether it be checking your keylines or that shade of blue, you’ll definitely want to add this app to your toolkit. Even if you provide redlines, these are a great way to verify each and every pixel.

Grid Overlay - Quickly toggle on-screen grids to check layouts for inconsistent spacing or mis-aligned elements. You can even customize the grid size and line colors.

Mockup Overlay - Display a mockup image over your app. This gives you a high-fidelity opportunity to see how the design spec matches the developed user interface. Choose from portrait or landscape overlays and tune the opacity for an effective comparison.

Color Picker - Use your finger to drag around a loupe and identity the hex codes of colors at the pixel level.

Screenshot details - Add a panel to all of your screenshots that displays information regarding the device, screen and Android version. QA teams will LOVE this.

Have ideas for another tool that we could include? Let us know by sending us an email!

Source code available on GitHub at https://github.com/0xD34D/DesignerTools

Los desarrolladores, ¿alguna vez has querido para verificar que ha implementado diseños de interfaz de usuario a las especificaciones?

Los diseñadores UX, nunca quisieron para validar si un color o el diseño es correcto?

Herramientas de diseño proporciona un conjunto de características para revisar y validar las especificaciones de la aplicación. Ya se trate de la comprobación de sus líneas clave o que los tonos de azul, que sin duda desea agregar esta aplicación a su caja de herramientas. Incluso si usted proporciona líneas rojas, éstas son una gran manera de verificar todos y cada píxel.

Cuadrícula superposición - cambiar rápidamente las redes que aparecen en pantalla para comprobar los diseños de elementos de separación incompatibles o mal alineados. Incluso puede personalizar los colores del tamaño de la red y de línea.

Maqueta de superposición - Mostrar una imagen maqueta sobre su aplicación. Esto le da una oportunidad de alta fidelidad para ver cómo la especificación de diseño coincide con la interfaz de usuario desarrollada. Elija de retrato o paisaje superposiciones y sintonizar la opacidad de una comparación efectiva.

Selector de color - Use su dedo para arrastrar alrededor de una lupa y la identidad de los códigos hexadecimales de colores a nivel de píxel.

Detalles de pantalla - Añadir un grupo especial para todas sus capturas de pantalla que muestra información sobre el dispositivo, la pantalla y la versión de Android. equipos de QA encantará este.

Tienes ideas para otra herramienta que podríamos incluir? Vamos a saber enviándonos un correo electrónico!

El código fuente está disponible en GitHub en https://github.com/0xD34D/DesignerTools