Loading...

Generate PNG, JPG and GIF Images

Generate XD, PSD, AI and INDD image slices on the fly! You can auto generate PNG, JPG and GIF sliced images from your XD, PSD, AI and INDD layers in various ways with Export Kit. Depending on your requirements, you can use a few different Panels to achieve your needs and get perfect image slices.

IMPORTANT: Images export using the DPI settings of your Document.  If your PSD is 72dpi, then all images will use that resolution.  
Before you export / generate PNG, JPG and GIF Images you should read about using Layer Kit Pro, Image Kit and Export Kit for a general understanding of auto generating PNG, JPG and GIF Image exports.

Working With Android

With Android each device can have a different DPI scale, so you may need to re-export a few times with a few different settings applied. You may also want to save copies of your XD, PSD, AI and INDD in various resolutions to ensure the perfect export.

We will automate Resolution Mapping in a future Lightning Storm release.

Individual Images

If you need to export an individual layer image of any type, the fastest way to do this is to use Layer Kit Pro. You can generate PNG, JPG or GIF images from your XD, PSD, AI and INDD layers with the click of a button.

1. Select the PSD layer you want to auto generate
2. Use Layer Kit Pro to generate as a PNG, JPG or GIF image
3. Go to your Exports Folder to view the image

All Images

If you need to export all your XD, PSD, AI and INDD layers as images, the fastest way to do this is to use Image Kit. You can generate all your PSD layers as PNG, JPG or GIF images with custom settings for each before you export.

This will generate ALL your XD, PSD, AI and INDD layers as images regardless of the layer type, eg. Text and Shapes will render as images.
1. Open Image Kit
OPTIONAL - Select the type of image to generate: PNG, JPG or GIF
OPTIONAL - Customize the image type settings
2. Click "Export Layer Images" to auto generate all PSD layers as images
3. Go to your Exports Folder to view the images

Batch Images

If you need to export batch images (image layers only, and those marked as images) then the fastest way to do this is to use Export Kit.

This will create all the skin assets for your project and export only (1) image layers, and (2) layers marked as images.

1. Mark layers to be included as a Fail Safe Image or Safe Object Image.
2. Open Export Kit and Include Images in your Output
3. Click "Export Now"
4. Go to your Exports Folder to view the images

Dynamic Images

If you want to create dynamic images generated from JSON files (SIMs), then the fastest way to do this is to use Smart Images. This will create unlimited variations of your design based on your JSON file.

1. Create your JSON SIM file to generate your image data.
2. Load your SIM file into Smart Images
3. Click "Export Smart Images"
4. Go to your Exports Folder to view the images
LOGIN NOW: Get instant access to our free Online Training - click here.

02. Using The Plugin

03. Layer Support

04. Basic Exports

05. Layer Tags

06. Optimization Tips

07. Complete Exports

DOWNLOAD NOW
🚀 Start saving time and money!