Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

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:
x:10
y:20
w:100     --------------- > Here will be an image of the object inside the main layer
h:123
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?

share|improve this question
    
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 Jan 20 at 2:08
add comment

1 Answer

up vote 2 down vote accepted

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:

share|improve this answer
    
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 Jan 20 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 Jan 20 at 9:25
    
I am the developer :) Trying to help the designers.. –  Segev Jan 20 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 Jan 20 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 Jan 20 at 9:35
show 2 more comments

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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