In 2013 Adobe introduced a tool called Generator, which allows you to generate image assets from your Photoshop file in real time. Pretty cool. Only tricky point, you need to rename all your layers to have Generator to export them correctly. This procedure usually takes quite a lot of time, and, as a result, your layer name become quite unreadable. (more…)
ExportLayerStyle.jsx – exports a Photoshop layer information into a JSON file next to PSD file including layer style raw information (drop shadow, stroke, color overlay, gradient overlay, inner shadow, satin, inner glow, stroke, bevel/emboss…) and opacity, layer name
Colors, gradients, sizes, borders… All instantly in CSS.
Using CSS over images gives front-end developers many benefits. However it requires a ton of hand-coding to reflect all the layer styles into the code. CSS Hat prevents this pain. It accurately translates layer styles into CSS in a jiffy – no waiting, forget hand-coding, we pinky promise! (more…)
Boost your Workflow
Not everyone name his layers properly. But if you have that discipline, you can export your assets in seconds. Simply add some characters at the end of your layer names. (more…)
Design delivery, fast-tracked.
PNG EXPRESS is a Photoshop® plug-in that slices and exports your PSD document to individual PNG, JPG, & SVG assets, and generates matching design specifications with concise information on sizes, distances, font features etc. (more…)