Save time on your projects

Stylesheet Helper generates CSS out of your layers. It cuts 80% off your web development time.

Get it now for $15 Download demo

Works on and

Minimum Photoshop version is CS5

What It Does

Stylesheet Panel assists you in transforming a web design layout from Photoshop to CSS and HTML. It creates a new panel in Adobe Photoshop that displays the CSS styles of your currently selected layer. You can then easily copy the CSS and use it.

It saves your work of having to manually inspect the layer properties and extract the corresponding CSS values like background-color, text-family, font-size, text-shadow etc.

Besides this CSS generation, Stylesheet Panel has the simple but very useful extra feature of extracting, cropping and trimming the selected layers to a new PNG/JPEG file. This enables you to quickly generate the images you need for your website (icons, graphical elements etc) from the main Photoshop file.

What the buyers think

Beeing a graphic designer, it is almost magic to see how easily I can transform a psd layout into a web page with StyleSheet Panel. This is something that makes my work a lot easier, and I love how accurate the webpage turns out to be. Great tool that I will be using daily in my work.

Denisa Nastase

Graphics Designer, http://www.behance.net/denisanastase

For me StyleSheet Panel rapidly become the most used option in Photoshop. It allows me to focus on actually develop the website features without losing precious time on html implementation.

Bogdan Balazsfi

Freelance Web Developer, http://ro.linkedin.com/in/bogdanbalazsfi