Loading...

Using Exports Panel

Export Kit allows you to export your entire Photoshop, Illustrator and InDesign documents as a working projects respective of your selected output. Some projects such as HTML5 work out-of-the-box and can launch with a visual render of your PSD, AI or INDD document right away. Other projects such as Android will require you to have Eclipse or Android Studio installed to load and compile the project.

Step 1: Select an Export

Select your desired Output using the dropdown menu. All Outputs are enabled in the Free Trial, but only Outputs active by Activating Keys will be available after.

Lightning Storm CC Outputs

There are many environments supported by Export Kit with some specific to CS5 only. Learn more about using each Output by clicking on the environment below:

Legacy CS5 Outputs

These are our Legacy Flash-based product Outputs:

Step 2: Select an Image Type

Once your Output is selected you will have the option to Include Images in your export. Some Outputs support CSS background images, you can enable this feature by selecting CSS.

TIP: Change the image type in your output by clicking PNG, JPG or GIF.

Step 3: Export that Kit!

Click Export Now when ready to begin the export process and watch the magic. During the Export, DO NOT change the layer contents as the layer may process differently due to the change – the export is a LIVE process. Sit back and relax, enjoy the show!

The Export Process

There are two main process methods which occur depending on if the plugin is processing a document or layer, the Layer Process and the Document Process.

Learn more about the Export Process to understand how your document and layers are processed during the export.

Layer Process

The Layer Process involves translating each Photoshop, Illustrator or InDesign layer into its respective code environment.

Document Process

The Document Process translates your complete PSD, AI or INDD into your selected environment including the Layer Process and additional processing to ensure your output is pixel-perfect.

Export Complete

Export Kit will alert you when complete, you can then go to the Export Folder to view your export or to import the working project into Eclipse to compile.

LOGIN NOW: Get instant access to our free Online Training - click here.

Using the Plugin

How To Guides

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Cheat Sheet

A full sample of our support for text, shapes, images and effects.

Start Your 14 Day Free Trial

Get instant access to your 14 Day Free Trial and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us

NEW FASTER NETWORK - Please report any errors to Support.