MacRabbit, creators of Espresso, have just released their latest Mac app called Slicy. Slicy takes the hassle out of exporting elements from Photoshop by digging into your .psd files, finding groups named like image files, then automatically exporting them! For example a group named twitter.png will be exported to twitter.png, simple!
Bye bye, “Save for Web/Devices”. To turn PSD elements into images for your website or app, simply
flatten, select, copy, make a new document, paste, save; or hide others, measure, crop, save, undoname your layer groups once and let Slicy do its magic. Designers and Developers, rejoice!
Simply drag a .psd into the app and Slicy will find all the export groups and watch the files for changes. You can even setup Slicy to automatically re-export images when the PSD changes.
The resolution of the exported image is set by the pixel bounds of the group. So the resulting image will only be as wide and tall as it needs to be to fit the group’s content. You can specify an exact width and height by adding a vector mask to the group. I had to do this in one of my files because there is currently a bug in Slicy 1.0 where outer strokes can get clipped. Thankfully, MacRabbit is aware of this issue and is working to resolve it.
In this case, using a vector mask turned out to be a great feature instead of just a work-around because I wanted all the icons from this psd to be 32×32.
There has been a tidal wave of new apps for designers that have changed my work-flow in the past couple months: Skala Preview, PaintCode, and hopefully Sketch 2. Slicy has definitely joined this list too and I’m looking forward to using it on future projects.