Loading...

Export Kit – XML Output

Export your PSD to XML with Export Kit

Convert your full PSD to XML with support for styles, effects, shapes and text – you’re only a few clicks away!

$98.97 / User



One-time payment with unlimited usage
Photoshop +Illustrator +InDesign
Install on unlimited machines
15 languages included


Photoshop to XML


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!-- example psd image layer -->
<layer 
    name="index_button_bg" 
    type="image" 
    src="../skins/exportkit_example_125/index_button_bg.png" 
    x="927" 
    y="1311" 
    width="143" 
    height="51" />
 
<!-- example psd text layer -->
<layer 
    name="page_title" 
    type="text"  
    font="ArialMT" 
    color="0xFFFFFF" 
    size="72"  
    weight="bold"
    underline="true"
    lineHeight="35px"
    x="98" 
    y="131" 
    width="888" 
    height="188" >
    <![CDATA[Toronto’s award winning  
creative agency]]>
</layer>
 
<!-- example psd shape layer -->
<layer 
    name="thumbnail" 
    type="shape" 
    shapeType="rectangle"  
    color="#ECECEC" 
    radius="10px" 
    x="132" 
    y="1253" 
    width="165" 
    height="165" />

Get the cleanest possible XML code with no assumptions of your personal coding style. Learn more about Converting a PSD to XML.

Features


By nature XML is mostly used to store data related to objects or elements, and sometimes rendered visually using HTML and XSLT.

Go anywhere, in any Browser

Export Kit will optimize your output to work in any and every browser equally, with no special configuration required.

Deploy to all Major Devices

All devices, all the time. You output works on all major platforms: web, mobile and desktop.

All Image Assets are included

Get all your required image assets with each export. No need to trim and slice images manually.

Go Font crazy with your Typeface

Full support for Environment Fonts where available, and will translate all Font Styles directly in your output.

Text Align and Character Styles

All text alignment and character styles are translated directly into your output, note that each browser renders text differently.

Shapes of all sizes

Keep your shapes and Export Kit will render Photoshop shape layers as shapes rather than images.

Panels


Exports Panel

Exports Panel will convert your full PSD with support for styles, effects, shapes and text – learn more.

Export Kit Pro Features


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!-- example psd layer effects -->
<layer 
    name="header_bg_copy_3" 
    type="shape" 
    shapeType="rectangle"  
    color="#363B49" 
    radius="10px" 
    x="-465" 
    y="-2" 
    width="2150" 
    height="357" >
    <effects>
        <effect 
            type="gradientFill" 
            angle="180" 
            colors="0x363B49,0x409EC1" 
            alphas="100,100" 
            ratios="34,255" />
        <effect 
            type="dropShadow" 
            distance="5" 
            angle="120" 
            color="0x000000" 
            alpha="75" 
            blurX="2" 
            blurY="2" />
    </effects>
</layer>

Get professional XML code from all your layer content including effects and styles. Get the full list of all supported XML Layer Effects.

Output multiple files from one PSD

Create unlimited file outputs from a single PSD file, including all the required asset files.

Have an affect on Layer Effects

Photoshop Layer Effects are converted to Environment effects where available.

Recommended Bundles – Just For You

AS3 Professionals Use Export Kit AS3 Pack

(3-Pack License Bundle)

Bundle And Save With Export Kit Pro Pack

(10-Pack License Bundle)

Flash Studios Use AS3 Pack Pro

(11-Pack License Bundle)

Businesses Use Export Kit Suite

(23-Pack License Bundle)

Products

All products and features are included with Storm Cloud for the best experience.


Legacy CS5x

You can purchase our legacy Export Kit Suite for CS5 and CS5.5 users.

xml
$98.97 / User
One-time payment with unlimited usage
Photoshop +Illustrator +InDesign
Install on unlimited machines
15 languages included

With All Orders


Secure Creative Cloud API

The most advanced platform for Adobe CC plugins with frustrating security - learn more.

Fastest Export Speeds

Experience the fastest export speeds when converting your design - learn more.

Purchase With Confidence

All orders are backed by our Price Match and Money Back guarantees - learn more.

Start Your 14 Day Free Trial

New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, contact us or check our FAQs for assistance.

Connect With Us

Top