Design everything in Photoshop®

Let Psd2Xcode do the magic

The Tool itself is extremly easy to use. Just open your PSD-File, choose between a specific and an universal layout and choose the Xcode project you want the design to be applied with. Psd2Xcode will generate the storyboard and all assets for your App, including all image sizes needed.

Get your design in Xcode®

Your Xcode project will be updated instantly with the new content Psd2xcode has generated from your psd-file. Designer and Developer can work completely independant. Changes in the design can be easily applied by using Psd2Xcode again. Segues, Constraints and additional UI elemnts will be preserved.

Tutorials

Checkout our video tutorials and learn more about Psd2Xcode. You can find the full documentation here. An Example Project and the corresponding PSD files can be found on Github

The video- tutorials contain screenshots of version 1.0. New tutorials of version 1.2 coming soon.

Part 1 - Create the Design in Photoshop

Create the PSD-File with the right dimensions.
Create the first group [li] for the Launch image.
Learn how to prepare PS-Layers to be rendered as UIImageViews [img]

Part 2 - App icon and Xcode project

Make the App icon [ic] in Photoshop
and set up the proper Xcode project.