Png Express 2.6.0 Plug-in for Adobe Photoshop | 3.18 MB
Compatible Products: Adobe Photoshop CS5 / CS6 / Photoshop CC 2014.
PNG EXPRESS is a Photoshop plug-in that slices and exports your PSD document to individual PNG, JPG, & SVG 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.
Automatically export assets from PSDs
PNG Express allows you to slice a PSD into individual PNG, JPG, or SVG 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.
With iPhone6+ support
PNG Express automatically builds assets for iOS 1x, Retina @2x & @3x, and multiple Android densities all at once from any source resolution. The integrated Android 9-Patch export greatly simplifies the setup and creation of 9-patches for different densities. Your vectors, smart objects and layer styles are scaled in full quality, and assets will be saved 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.
Save to SVG
PNG Express also lets you export your Photoshop layers and groups directly to fully scalable SVG files - with accurate support for gradients, strokes, vector masks, and layer styles. You'll get SVG files that look like your PSD, with clean organized code on the inside.
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.
- Automatic export of assets including multiple states and variations
- Automatic creation of scaled assets for multiple resolutions and platforms
- Export scalable SVG assets from Photoshop with best-in-class SVG generation
- Automatic file naming based on layer names. Adds @2x and @3x for retina
- Automatic creation of Android 9-patches for different densities
- Automatic or manual control of asset regions
- Easy tagging. A layer called PNG:button will export as button.png
- Works with any layer, group, FXs, masks etc. 100% accurate exports
- Choose output folder, sub-folders, and optional file suffix
- Repeat any export and keep identical asset regions and names
- Includes helper functions to make working with tags & regions a breeze
- Output asset metadata and text properties to external files (XML, JSON, HTML, etc)
- Perfect for iPhone, iPad and Android apps, websites, desktop applications, games etc.
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.
Write Metadata to External Files
With PNG Express you can not only export the image assets from your Photoshop document, but also write all the associated metadata to external files. There is built-in support for JSON, XML and simple HTML mockups, but the powerful template system allows you to fully customize the metadata output to fit your exact neeeds.
- Spec bounding region, XY position, file name, color, opacity and layer effects
- Spec width and height of layer or selection in pixels
- Spec margin in pixels between two layers, or between one layer and the current selection
- Spec font name, style, size, line height, letter spacing, color, alignment, and layer FXs
- Spec vector shape corner radius, fill color/gradient, stroke width & color, and layer FXs
- Option to scale measurements to 1x when speccing 2x designs
- Can be used with any layer, group or selection
- Uses sizes and file names of PNG/JPG assets when available
- Customize spec styling by font size and color
What's New in Version 2.6.0:
- NEW: Smart Objects with Photoshop content now retains quality when scaled
- NEW: SVG export now works with shape layers inside Smart Objects
- NEW: SVG export now supports layer masks and clipping masks
- Faster exporting. Almost twice as fast on large PSDs.
- Metadata now outputs size and position of text box for paragraph text layers
- FIX: Panel UI was messed up on some Photoshop installations
- FIX: States and Variations sometimes caused wrong asset bounds
- FIX: States nested in VAR: groups was exported with wrong visibility
- FIX: Metadata was incorrect for text layers in rare cases