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

Geliştiriciler, hiç spec UI tasarımlarını hayata ettik doğrulamak istedim?

UX Tasarımcılar, hiç bir renk veya düzen doğru olup olmadığını doğrulamak istedi?

Tasarımcı Araçlar gözden geçirmek ve uygulama özelliklere doğrulamak için özellikleri bir paketi sunuyor. sizin keylines veya mavi o gölge kontrol edilmesi olsun, kesinlikle araç için bu uygulamayı eklemek isteyeceksiniz. Eğer kırmızı çizgilerini sağlamak olsa bile, bu her pikseli kontrol etmek için harika bir yoldur.

Izgara Yerleşimi - Çabuk geçiş ekrandaki ızgaraları tutarsız aralık veya yanlış hizalanmış elemanlar için düzenleri kontrol etmek için. Hatta Izgara boyutu ve satır renklerini özelleştirebilirsiniz.

mockup Yerleşimi - app üzerinde bir mockup görüntüyü ekrana. Bu size tasarım spec geliştirilen kullanıcı arayüzü ile eşleşen nasıl görmek için bir yüksek sadakat fırsatı verir. Dikey veya yatay bindirmeleri ve ayar etkili bir karşılaştırma için donukluk seçin.

Renk Seçici - piksel düzeyinde bir büyüteç ve kimlik etrafında renklerin hex kodlarını sürüklemek için parmağınızı kullanın.

Ekran ayrıntıları - Cihaz, ekran ve Android sürümü ile ilgili bilgileri görüntüler Ekran görüntüleri tüm bir panel ekleyin. QA ekipleri bu SEVECEKSİNİZ.

Biz içerebilir başka araç için fikirler var mı? Bize bir e-posta göndererek bildirin!

https://github.com/0xD34D/DesignerTools de GitHub üzerinde mevcut kaynak kodu