I was wondering if there was an easy way to convert Sketch files to a layered Photoshop file? Sketch exports TIFFs, PNG and JPEG but they are all flattened. Anyone else have to do this? Any suggestions other than having to rebuild everything in Photoshop?
Try exporting the Sketch file as a PDF. Then open the PDF file in Illustrator. From Illustrator export the document as a PSD.
It is very easy with Photopea:
- File → Open
- Choose a Sketch file.
- File → Save as PSD.
I am an author of Photopea. If you have any problems, write me an email to email@example.com.
As of September 2015, there is no successful way to get a layered Sketch file to work as a layered Photoshop file.
I spent some time testing with the recommendations in this thread. Going through Affinity Designer does not work either. However, I was surprised to see that .psd was available in Affinity Designer since it is proprietary.
My steps and results:
- I exported my Sketch file as PDF and opened the PDF with Illustrator.
When I opened the file in Illustrator the first thing I noticed is that the Google Fonts (downloaded) I was using were garbled. I also noticed that all my text and shape layers were clip groups within clip groups within clip groups.
- After reviewing the file, I then exported the opened file to Photoshop. No layers were preserved.
Long story short, .sketch to .psd doesn't work. If the developers you work with need a Photoshop file, it's time to rebuild your design in Photoshop.
Sketch is in no way compatible to de Adobe Creative Suite. Only export options that might help are SVG and PDF.
From Bohemian Coding:
Non-supported file formats for exporting:
- PSD: Adobe Photoshop’s file format is closed and not supported for export. If you have access to Adobe Creative Suite, you can export your work as .PDF and import to Illustrator. From there, export the project as a .PSD file. AI: Adobe Illustrator files are not supported, but Illustrator can open .PDF or .SVG files exported from Sketch.
I preconize an SVG export instead of PDF. The PDF Export create lot of mask etc... After that,
- Open the SVG inside Illustrator
- Select All
- Ungroup ( Cmd+Shift+G ) one or more time.
- In the layer local menu, decompose in layer ( sequence NOT cumulative ) PS. I don't know exactly what is the good term in english version. I use french version/
- Export in PSD
- Clean a little your PSD
I work on sketch a-lot but the place where I work they prefer PSD files so this is how figured it out:
1. I do work in sketch.
2. Finalize all things and when once it's done I export all the artboards in pdf.
3. Import Artboards one by one from pdf into illustrator.
4. Do not make any changes directly export to psd file.
5. Open psd file you will see all the work will be grouped into one folder and everything is masked.
6. Check every layer and folder and understand which layer belongs to which asset.
7. If there is font then delete vector mask
8. If there is any icon or any design element flatten it by pressing ctrl + e or cmd + e then delete vector mask.
I know it's a tedious task to do but I would love to know if there is any other way to do this.
I tried several methods mentioned above. The best result came from copying the Sketch Artboard to my clipboard, Creating a new document in Affinity Designer's trial version from my clipboard contents, and then exporting to PSD from Affinity Designer. It did a much better than job than the PDF/Illustrator/Photoshop methods.