EDIT – October 2014: Since the October 2014 update of Photoshop CC, Photoshop can natively export SVG!!! This is awesome. Just select the layers you want to export, open the “File > Extract Assets” window. It lets you select layers and define in which format you want to export them one by one. You have the choice between JPEG, PNG and SVG! Update your Photoshop CC, try the new “Extract Assets” UI and let me know what you think. The Photoshop team is actively working on it.
Original hack before the October 2014 Update of Photoshop CC:
Adobe updated Photoshop CC in January 2014 and introduced several new features such as “Warp perspective”, “Print 3D objects” and “Linked smart objects”. Terry White has recorded a video to showcase these new features:
Tim Riot also shared on Twitter that Adobe Generator for Photoshop can now export SVG files. The feature is in beta and here is how you can enable it:
- Close Photoshop CC. The required version to make it work is 14.2.
- Create an empty text file and name it “generator.json”
- Copy and paste inside this line of code:
- Save this file generator.json in your user home folder.
- Open Photoshop CC and a PSD file.
- Activate Generator (File > Generate > Image assets).
- Rename your vector layers adding a .svg extension. Photoshop will generate SVG files in the assets folder.
Adobe Generator is an open-source technology available on GitHub. You’ll find more information about the Configuration Options here: https://github.com/adobe-photoshop/generator-assets/wiki/Configuration-Options