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

Gli sviluppatori hanno mai ha voluto verificare di aver implementato i disegni di interfaccia utente a spec?

UX progettisti, mai voluto convalidare se un colore o il layout è corretto?

Strumenti di design fornisce una suite di funzioni per esaminare e convalidare le specifiche app. Che si tratti di verifica la livello attivo o che tonalità di blu, sicuramente avrete desidera aggiungere questa applicazione per il vostro toolkit. Anche se fornite linee rosse, questi sono un ottimo modo per verificare ogni singolo pixel.

Griglia Overlay - in modo rapido a leva griglie sullo schermo per controllare layout per gli elementi spaziatura inconsistenti o mis-allineati. È anche possibile personalizzare i colori dimensioni della griglia e di linea.

Mockup Overlay - Visualizzare una immagine mockup sopra la vostra applicazione. Questo vi dà l'opportunità ad alta fedeltà per vedere come le specifiche di progettazione corrisponde l'interfaccia utente sviluppata. Scegliere tra orizzontale o verticale sovrapposizioni e ottimizzare l'opacità per un confronto efficace.

Color Picker - Usa il dito per trascinare intorno a una lente e l'identità dei codici esadecimali dei colori a livello di pixel.

dettagli Schermata - Aggiungere un pannello a tutti i vostri screenshot che visualizza le informazioni per quanto riguarda il dispositivo, lo schermo e la versione di Android. team QA ameranno questo.

Avere idee per un altro strumento che potremmo includere? Fateci sapere inviando una mail!

Il codice sorgente disponibile su GitHub a https://github.com/0xD34D/DesignerTools