<p>Published on <a href="http://ift.tt/2sgPXfg">| Prototyping: From UX to Front End &mdash; Medium</a> Paulina Szklarska <img alt="" src="http://ift.tt/2tuL5kG"></p>
<p>In this article I’d like to show you most useful (and free!) tools that you might like while designing your Android app. You’ll find plugins, web sites and more. So let’s start!</p>
<h3>1. Device Metrics — web site</h3>
<p>Web site: <a href="http://ift.tt/1LKkpOk">https:</a><a href="http://ift.tt/2eMfwix">//material.io/devices/</a></p>
<p><img alt="" src="http://ift.tt/2sx1Gah">Device Metrics</p>
<p>Have you ever wondered what density your phone has? Or which device has tvdpi density? Or what is the most common aspect ratio for phones? Here you can find all the answers! Very useful site when you design application and want to check what is approximately screen size for each of densities. Plus you can check basic material metrics.</p>
<h3>2. DPI Calculator — Chrome plugin/web site</h3>
<p>Plugin for Chrome: <a href="http://ift.tt/1ibYx1r">http://ift.tt/kqthbK</a></p>
<p>Web site: <a href="http://ift.tt/1juv2KR">http://ift.tt/1juv2KR</a></p>
<p><img alt="" src="http://ift.tt/2tuKMGC">DPI Calucator as Chrome plugin</p>
<p>This tool allows you to convert dpi value from one density to another. It’s useful when you make graphics for different densities and want to check what sizes should they be (e.g. icons). Very handy, because it’s not only a web site, you can use it from your Chrome browser as a plugin also!</p>
<h3>3. MaterialPalette — web site</h3>
<p>Web site: <a href="http://ift.tt/1DRFQtD">http://ift.tt/1DRFQtD</a></p>
<p><img alt="" src="http://ift.tt/2tuL6oK">MaterialPalette</p>
<p>The idea is very easy. You pick two colors and you receive example of your future MaterialDesign app appearance. Now all you have to do is copy value from table to your app theme and you can enjoy your beautiful new MaterialDesign app. The site also suggest the best colors for accent, text, dividers.</p>
<h3>4. Android Resizer — tool</h3>
<p>Web site: <a href="http://ift.tt/2swm0sb">http://ift.tt/2swm0sb</a></p>
<p><img alt="" src="http://ift.tt/2tuL7sO">Android Resizer</p>
<p>This small tool helps you to resize your graphics to all densities. You can drag&amp;drop your image, check input density and wait until this tool makes all the dirty job for you. Unfortunately it’s no longer supported, but you can use the newest version anyway.</p>
<h3>5. Android Resource Navigator — Chrome plugin</h3>
<p>Plugin for Chrome: <a href="http://ift.tt/2swHa9A">http://ift.tt/kqthbK</a></p>
<p><img alt="" src="http://ift.tt/2tukioA">Android Resource Navigator</p>
<p>This plugin allows you to quickly check everything in Android XML resources. You need to type arn in your browser’s address bar and then the name of style or theme framework you’re looking for, e.g. arn toolbar. And that’s it! Plugin searches for Android styles.xml files and shows you proper framework style.</p>
<h3>6. Android Asset Studio — web site</h3>
<p>Web site: <a href="http://ift.tt/1o13CfF">http://ift.tt/1o13CfF</a></p>
<p><img alt="" src="http://ift.tt/2tukiF6">Android Asset Studio — Launcher Icon Generator</p>
<p>Here you can find all useful tools from <a href="http://ift.tt/2h7c40m">Roman Nurik</a> for:</p>
<ul>
<li>generating icons for launcher, toolbar, notifications (also app launcher shortcut icons for Android 7.1+)</li>
<li>generating vector drawables and vector icon animations</li>
<li>generating 9-patch assets</li>
</ul>
<h3>7. Material Design Icon Generator — IntelliJ Plugin</h3>
<p>Web site: <a href="http://ift.tt/1DTZC8Q">http://ift.tt/1DTZC8Q</a></p>
<p><img alt="" src="http://ift.tt/2swG79Q"></p>
<p>This IntelliJ plugin is very helpful to get quick access to MaterialDesign icons. No more searching and looking for the proper icons, you have all of them in one place and they’re available right in your IDE in every density.</p>
<h3>Bonus: Android SDK Search</h3>
<p>Plugin for Chrome: <a href="http://ift.tt/15CuZ64">http://ift.tt/kqthbK</a></p>
<p><img alt="" src="http://ift.tt/2swMxWb"></p>
<p>This is not exactly Design Tool, but I find it very useful. It works similar to Android Resource Navigator, but searches in Android documentation. If you’re looking for info about ContentProvider, you type ad contentprovider and you’ll be redirected to documentation page about <a href="http://ift.tt/1Q5HyPs">ContentProvider</a>.</p>
<p>Also, on the documentation page you’ll see a button “View source”, which links to the <a href="http://ift.tt/2swVX4n">source code of this class</a>.</p>
<p><img src="http://ift.tt/2tuxmKC" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="http://ift.tt/2rv7L3m">Top Design Tools for Android App Developers</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Top Design Tools for Android App Developers

1. Device Metrics — web site

Top Stories