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

Pengembang, apakah Anda pernah ingin memverifikasi bahwa Anda telah menerapkan desain UI untuk spec?

UX Desainer, pernah ingin memvalidasi apakah warna atau tata letak yang benar?

Designer Alat menyediakan fitur untuk meninjau dan memvalidasi spesifikasi aplikasi. Apakah itu memeriksa keylines atau yang warna biru, Anda pasti akan ingin menambahkan aplikasi ini ke toolkit Anda. Bahkan jika Anda memberikan redlines, ini adalah cara yang bagus untuk memverifikasi setiap pixel.

Grid Overlay - cepat beralih di layar grid untuk memeriksa layout untuk elemen jarak tidak konsisten atau mis-aligned. Anda bahkan dapat menyesuaikan ukuran grid dan garis warna.

Mockup Overlay - Tampilan gambar mockup lebih aplikasi Anda. Ini memberi Anda kesempatan tinggi kesetiaan untuk melihat bagaimana desain spec sesuai dengan user interface yang dikembangkan. Pilih dari portrait atau landscape overlay dan tune opacity untuk perbandingan yang efektif.

Color Picker - Gunakan jari Anda untuk menyeret sekitar pembesar dan identitas kode hex warna di tingkat pixel.

Rincian Screenshot - Tambahkan panel untuk semua screenshot Anda yang menampilkan informasi mengenai perangkat, layar dan versi Android. tim QA akan cinta ini.

Memiliki ide untuk alat lain yang kita dapat mencakup? Beritahu kami dengan mengirimkan email!

Source code tersedia di GitHub di https://github.com/0xD34D/DesignerTools