Design/Integration tools

gistfile1.txt

Here is the kind of tool I want.

The design team is interested in helping us be faster at integrating their work.

Here is what the integration teams need:

- Font families: on which text?
- Font sizes: on which text?
- Cut icons and pictograms (PNG or SVG)
- Sizes of layout (columns, rows, borders)
- Colors of background, borders, gradients.

Is there a tool that can extract all these information from a Photoshop file?

Short answer: no.

Long answer:

You can extract the fonts used information manually:

• Save or export the image document as a PDF
• Open up the PDF version in Adobe Reader
• Select File → Properties → Fonts

That's about it.

Saving grace?

The only thing I can suggest is looking at CSS3 PS: http://css3ps.com/ or CSS Hat: http://csshat.com/

CSS3 PS allows will genenerate CSS3 markup for layers in a PSD. Handy for gradients / drop shadows etc. I haven't used it for a while, but I am pretty sure it will generate the following CSS properties (and maybe more):

• font-family
• font-size
• line-height
• color
• background
• background-gradient
• box-shadow
• borders