Better Android workflows with Sketch 3 and a bit of fairy dust

Setup your Sketch file

About a year ago I switched all of our mobile work at Remind over to Sketch for various reasons that other articles can do a better job of telling you about. If you haven’t had a chance to play with it, I urge you to download it and give it a try.

You’ll notice, I also break it down more by using Artboard’s to organize by different sections of the app or even app releases.

Setting it up to export

At Remind, we design at 200% (xhdpi) and scale down. We found that works well for us, but does require more forethought. This is entirely up to you though. I recommend designing at 100% (mdpi) and scaling up for export if you are new to designing for mobile. Check out this nice Bjango article on that. I will go over how to export for both ways though.

Add a - and then the appropriate dpi, using this guide.

Exporting

  1. Create a new folder named res on your Desktop.
  2. Back in Sketch (with all of the layers still selected), make sure your assets are on full pixels by choosing Layer > Round to Nearest Pixel Edge.
  3. Click that big ol’ Export Layers button in the Export panel and save them all to that res folder.
Will look a little something like this once you export.

The fairy dust

Spoiler alert: The fairy dust is a shell command. Deep breaths. You got this.

  1. Simply open Terminal
  2. Copy the text from here
  3. Paste into your Terminal window
  4. Hit return
End product of using the shell command.

Bonus round: Compress

Always, always, always run your files through some sort of compression before handing off to Engineers. For a quick compression, I prefer ImageOptim. Definitely also check out ImageAlpha as well. The lattter requires more manual control and time, but has the potential to make your files even smaller.

Even better ways

We’ve found that this workflow works really well for us, but it is all about finding the right workflow that works best for you and/or your team. Would love to hear of any other workflows that people have found. I’ll be updating this article as our teams finds new and betters way of working.v

--

--

Head of Core Design at Pinterest. Amateur crafter. Momma bear.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Lindsay Mindler

Lindsay Mindler

636 Followers

Head of Core Design at Pinterest. Amateur crafter. Momma bear.