A bit of news on this old topic. I've made a little Photoshop extension that imports SVGs as vector layers, so now you don't have to involve Illustrator or Sketch. It also means you can import full SVGs consisting of multiple shapes and colors, and edit it directly in Photoshop.

I'm biased but you might want to check out PNG Express for Photoshop.

http://pngexpress.com/

It exports to all iOS and Android densities from one source resolution, and respects file & folder naming conventions for each platform. It also exports Android 9patches to all densities with quality scaling (no bitmap scaling) and you can export those from the same source as your iOS assets so you don't have to maintain multiple sources.

I've created a quick video to show the 9-patch setup and export in action: https://vimeo.com/84808086

Yes, it’s certainly not trivial to do scaling right in Photoshop. A lot of attention has gone into making sure PNG Express scales properly (ie. non-rasterized scaling, correct scaling of slices not aligned to grid, correct layer style, corner radius & vector mask feather scaling, optional scaling of patterns and all that good stuff).

You won't find better automatic PS scaling anywhere, but of course if your assets need manual pixel-hinting for each resolution, then there's no way around that... but at least then you can still automate the export :)

Hi,

I'm the guy behind PNG Express. Sorry about the lack of a trial, but I'm trying to focus my time on things that improve the actual product instead. I know that doesn't help you, so as a way to try it out I can offer you a refund within 3 weeks of your purchase if you're not happy with it.

Let me know if you have any questions at: info at pngexpress dot com

I love the attention to detail, Marc. Thanks for sharing.

I'm of course terribly biased, but reading your article and comments really makes me think that PNG Express would be a perfect addition to your workflow. I understand you're not likely to adjust your workflow now, but for others reading your article and liking the ideas but thinking exporting sounds cumbersome, I'd just like to add that a tool like PNG Express could help.

Here's a few examples of how I think PNG Express would improve the process:

• Exports from both a "slice sheet" or from design mockups with full repeatability.
• No need to manually set up slices.. unless you want to.
• Auto slices also have visible export boundaries which you can easily edit.
• Flexible! It's no problem to move assets around or resize slices. Much easier than native slices.
• Multiple states of an asset can be exported from the same slice ensuring consistent dimensions. It also makes design changes super fast because you have fewer layers to edit.
• Assets can be exported to different sub folders and @2x can be added directly.