This Sketch plugin automatically generates all Android assets (MDPI, HDPI, XHDPI, XXHDPI, and XXXHDPI) and drawable folders by using your XXHDPI layout design.
You can use Jonathan Chen's XXHDPI Android GUI template for starters.
- Navigate the Sketch menu bar to
Plugins ▸ Reveal Plugins Folder...
- Unzip and place the
generate-android-assets
folder into the revealed plugins directory. You can renamegenerate-android-assets
toGenerate Android Assets
- You should find the
Generate Android Assets ▸ From XXHDPI
function under the Plugins menu in Sketch
- Select the Sketch layer(s) you want to export
- Navigate the Sketch menu bar to
Plugins ▸ Generate Android Assets ▸ From XXHDPI
- Select the folder where you want to generate the five drawable folders and place the assets
- You should see the following folders:
- drawable-mdpi
- drawable-hdpi
- drawable-xhdpi
- drawable-xxhdpi
- drawable-xxxhdpi
The plugin assumes you design your layouts in XXHDPI, which means 3px = 1dp
If you are starting your first Android design, you might find the following links helpful:
- Introduction to Android Design Principles
- Introduction to Material Design
- Android Assets Studio
- Design Patterns for Android
- Sketch App Resources for Android
- Inspiration for Android App Design
- Inspiration for Transitions Between App Screens
Many thanks to Marius Mathiesen, the original creator.
Jonathan E. Chen, the creator of the Android GUI template for Sketch.