PNG EXPRESS. Automated Design Delivery

From design to development

the fast, precise and repeatable way.
From design to development the fast, precise and repeatable way.
Buy now for $29

Works with both Mac & PC. Version 1.3
Requires Adobe Photoshop CS5 or newer.

What is it?

Design delivery, fast-tracked.

PNG EXPRESS is a Photoshop® plug-in that slices and exports your PSD document to individual PNG & JPG assets, and allows you to generate matching design specifications with concise information on dimensions, margins, font features etc. It's easy and flexible with full control for designers, while providing clear and consistent deliverables for developers. That means faster workflow, better communication, and more time for lunch and ping-pong matches.

Features


Automatically slice PSDs to PNGs

PNG Express allows you to slice a PSD into individual PNG (and JPG) assets with ease and flexibility. Simply add tags to names of layers or groups, and you're ready to export all - or only the selected - assets from your PSD with a single click.

If you're exporting for multiple resolutions then just scale your PSD, adjust if needed, and then hit the Export button again to have all the assets saved out with exactly the correct sizes and file names. You can even export multiple states and variations of buttons etc. in one go, with automatic file naming and sizing.

Made to fit your style

PNG Express gets out of your way while you work. You don't need to change your existing design workflow, or deal with unnecessary layers making a mess of your Photoshop document. Instead, with a few self-explanatory tags added to layer names you're free to keep focus on designing your way and in your preferred order. You are free to create overlapping slices, to create any number of asset states and variations following your own naming conventions, and you're free to save them where you want. No fuzz, just your assets as if you had carefully sliced and saved them manually.

Precise and independent assets

PNG Express takes accuracy very seriously. Assets are exported in isolation on a transparent background with pixel perfect precision and automatically trimmed to the smallest size possible. If needed, you can define the area to export manually, or choose to export an asset without transparency merged with the rest of the layers in the PSD. The export area and file name of each asset is accessable within the PSD itself, making it a great tool for iterative workflows and team work.



Create specifications fast and accurately

Creating specifications that clearly and accurately spells out the details in your design for developers can be a tedious task. With PNG Express you can create precise specs in just a few minutes!

And because it works in tandem with the asset exporting it is able to tie in information relating to the actual assets accompanying the specs. This means that PNG Express uses the sizes of actual PNG assets when specc'ing margins, dimensions and positions, while also referencing the actual filenames for easy indentification by developers.

Flexible and scalable

You can use PNG Express to spec any layer or group in any PSD document whether it contains layers tagged as assets or not. The generated specs are fully editable and placed in a seperate layer group for easy organisation.

See How It Works

"I use PNG Express all the time. It's awesome." Diego Monzon, User Interface Designer

"... makes exporting assets a breeze." Michael Flarup, Designer at Robocat

"bought it, cried with bloody tears over the countless hours spent slicing Photoshop files without it! It's BRILLIANT!" Martin Velchevski, UX/UI/WEB Designer

"PNG Express is an absolutely must-have extension for all mobile and web designers who quickly want to export perfectly sliced assets and measurements directly from Photoshop." Mariusz Ostrowski, Pixle

"PNG Express is full of amazing features (..) It works beautifully, requires little effort, and makes the usual chore of exporting a large .psd a less daunting task." Review on The Industry, by Ari S

"PNG Express is about to make your life easier." Rated 5/5 in Photoshop User Magazine

Prefix tags working on single layers and groups:
PNG: Defines an asset to be exported as a PNG file.
JPG: Defines an asset to be exported as a JPG file.
STATE: [Optional] Defines a state inside a PNG or JPG group. Asset will be exported in all states.
VAR: [Optional] Defines a variant inside a PNG, JPG or STATE group.. Asset will be exported in all variants in all states.
// [Optional] Prevent layer or group from appearing in any exported file
Special tags:
/folder/ [Optional] Export asset to a sub-folder named folder (example: PNG:/icons/search)
-m [Optional] Enables merged export. The asset will be merged with other visible layers.
×
×

Changelog

v.1.3.0
v.1.2.1
v.1.1.0
v.1.0.1
×