The design is ready inside a few PSDs and needs to be passed on to the developers. Is there an easier way to do it instead of manually creating it or giving away the PSD?

The end product should be a PDF containing the main layer (iPhone screen or webpage) with relevant properties to each object. For example:

Back Button:
w:100     --------------- > Here will be an image of the object inside the main layer
Color: 20,50,20,1
Name: back_button.png

enter image description here

If such a tool doesn't exist, how do you pass the above data to the developers? Is there a common standard for this?

  • I'm not aware of any automatic way to do this (but would be interested in seeing one). However, I'd consider creating these resources in the language they are going to be used, especially if it's for web. It wouldn't take you long to write the styles so that devs only had to add the functionality instead of recreating everything from scratch.
    – Yisela
    Commented Jan 20, 2014 at 2:08

1 Answer 1


PNG Express might be the closest thing you are going to find. I've never used it myself, so I can't really tell you how well it works...

At the bottom of the website there is a title: "Create specifications fast and accurately" which describes a feature similar to what you want.

There's also a video at the bottom of the website, that shows it pretty well. The stuff you are interested in starts at about 40seconds in to the video.

enter image description here

On another note, there are photoshop plugins that export css:

  • Great answer! Thanks. I will check all those in a minute. I'm still wondering, if you are not using any tool such as the above, how do you pass this data to a developer if you needed to? I'm trying to understand what is the standard approach.
    – Segev
    Commented Jan 20, 2014 at 8:12
  • I haven't worked in that way very extensively, as I can do both the design and the coding. I'd probably have a meeting with the developer and discuss about what needs to be done, and what he needs to make that happen ( which in your case could be just the psd file ).
    – Joonas
    Commented Jan 20, 2014 at 9:25
  • I am the developer :) Trying to help the designers..
    – Segev
    Commented Jan 20, 2014 at 9:31
  • @Sha I'm confused. Why would you make such an image for the designers? You are the one who needs this information, not them.
    – Joonas
    Commented Jan 20, 2014 at 9:32
  • In iOS development, without a picture like the above, it would take me a lot more time to code a simple screen if I'll need to check every property of an object in a psd in order to get sizes etc'.
    – Segev
    Commented Jan 20, 2014 at 9:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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