Experts, I would like to ask about how to convert PSD files to IOS 7 Flat Style, I know there are many companies providing PSD TO HTML5,But I have not found this conversion tool to xocde,

IOS UI KIT Source from 45+ Cool Premium iOS 7 Flat UI Kits & App Mockup for For Designers

I purchased a Flat UI Kit for IOS, BUT IT'S PSD FILES NO CODE, ONLY PSD FILES I need to ask a ios programmer to write code for this kits?

Can anyone recommend a tool to convert psd to xcode? Many thanks

1 Answer 1


It's not possible to convert all of what Photoshop does to code. But much of it can be as Photoshop's features are fundamentally Core Graphics and Core Image APIs with a bit of an Adobe twist on them.

So there are three ways of thinking about this.

  1. Mimicking what you've designed in Photoshop via Core Graphics (Quartz2D) and Core Image (kind of like filters, effects and masking tools of Photoshop) and then place everything on the screen in code. This is the hardest way, but has the smallest memory footprint and the best opportunity for performance optimisation and flexibility with animation, design and layout on the device.

  2. Something like PaintCode, which attempts to do what I'm talking about in the above technique automagically. This is a very good app, but you have to learn many of its intricacies and paradigms, which are fundamentally rooted in what I'm talking about regarding Core Graphics and Core Image. It's not going to work with every kind of feature of .psd files, and you will have to optimise them in many ways for PaintCode to fully understand them: http://www.paintcodeapp.com

  3. You can export all the imagery from Photoshop as various .png slices for building back together as bitmaps in Xcode, and Storyboards now has much support for doing this, plus using images in Core Animation is cry well supported. Plus this works great with the whole manner in which UIKit works. But this is the least flexible option because you'll have to not only pixel perfect place things, but you won't be able to do much without starting again on the Photoshop files. This has the largest memory footprint, potentially blowing out to dozens of megabytes (even compressed) for a universal app.

And, finally, what most people do is various combinations of the approaches above as per their requirements and capabilities.

  • Tahnks for Quick Reply, I do not need the program to achieve certain functions, such as what the button to do,I only to complete the layout like the design samples. paintcodeapp can generates Objective-C code? I'll give it a try
    – user30108
    Feb 24, 2014 at 8:43
  • Yes. It breaks them apart reasonably well. It's still going to be some work figuring out how it does its magic.
    – Confused
    Feb 24, 2014 at 8:53
  • If can direct the layout of the code generated by the image xcode, $ 99 I was willing to pay, I would like to learn about
    – user30108
    Feb 24, 2014 at 9:01
  • It's $99 plus $20 for the .psd reader. That's an in-app extra. But yes, this is a VERY powerful and wonderful tool. Just don't imagine that anything this powerful is easy to instantly learn and use. It will take some time to understand what it's doing and how it works. It's literally an amazing product.
    – Confused
    Feb 24, 2014 at 9:09

Not the answer you're looking for? Browse other questions tagged or ask your own question.