Developers, have you ever wanted to check that you implemented UI designs to specifications?
UX Designers, Have you ever wanted to validate a color or design?
The Designer Tools provides a set of functions for reviewing and validating application specifications. Whether you are reviewing the main lines or a shade of blue, you definitely want to add this app to your toolkit. Even if you provide red lines, this is a great way to check every pixel.
Grid Overlay – Quickly change on-screen grids to check layouts for mismatched gaps or misaligned elements. You can even customize the grid size and font colors.
Mockup Overlay – Display a mockup over your app. This gives you a high-fidelity opportunity to see how the design specifications align with the developed user interface. Choose between vertical or horizontal overlays and adjust opacity for an effective comparison.
Color picker – Use your finger to drag a magnifying glass to select the pixel-level hex color codes.
Screenshot details: Add a panel to all screenshots that shows information about the device, screen, and Android version. The quality assurance teams will love this.
Do you have ideas for another tool we can include? Tell us by sending us an email!
The source code is available on Github at https://github.com/0xD34D/DesignerTools