---
description: Export on each change
---

# Auto Export

The Auto Export option when it's enabled exports the selected artboard whenever you make a change to the artboard.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW5DT8F-AFQIM4r9Co%2Fimage.png?alt=media\&token=1ab5f192-0308-4f90-b8aa-eed6ea97c0a9)

{% embed url="https://youtu.be/kfQQkxi8eG4" %}

Use Auto Export with [Auto Refresh](../export-artboard-dialog/auto-refresh) to see changes live.&#x20;

The Auto Export option is only available in the Web Export panel.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW5JBgaHElE39kxcpa%2Fimage.png?alt=media\&token=274e4987-6be7-4839-bca5-a413a4a9bc69)

When you first enable this option it will prompt you to select the folder that you want to export to. Using Auto Export will use the options you have selected in the[ Export Artboard](../export-artboard-dialog) dialog.

After you select the folder the artboard will be exported a message and a few new options are available.

Before:&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW61l5ME8SGhkhP-v4%2Fimage.png?alt=media\&token=e5ff5ca1-4f00-4c85-be90-28f9cfae93dc)

After:&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW7ldLNa-OIT7nftJf%2Fimage.png?alt=media\&token=20d3951d-3e43-4f86-a1cc-5f8c5483c75a)

The export message is automatically removed after a few seconds.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW5xTMzKMSkiZeo7ul%2Fimage.png?alt=media\&token=0715d171-cc76-44fa-872c-9987ec961f45)

When Auto Export is enabled anytime you make a change the selected artboard will be exported.&#x20;

If you select an element on another artboard that artboard will be selected.&#x20;

{% hint style="info" %}
Currently anytime you make a new selection the artboard will be exported.&#x20;
{% endhint %}

{% hint style="warning" %}
The Auto Export option is not saved between sessions. If you close the document you have to enable it the next time you open the document.&#x20;
{% endhint %}

#### Copy URL, Open Server and Open URL

The `copy` link copies the URL of the exported web page to the clipboard

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW6IwyrRBb7n9j_BkF%2Fimage.png?alt=media\&token=a64a8191-8baa-4d5f-8aa5-96d30057471b)

The `server` link appears when you define a [server](../export-artboard-dialog/server). When you click on it it will open the link in a browser.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW7EK51LnJvSSvIjBn%2Fimage.png?alt=media\&token=18a8bdb6-812f-4db9-86c2-0f343f951e43)

If you do not have a server value set then the server link is not created.&#x20;

The url link defines the path to the exported HTML page. When you click on it it will open a link to the browser. If you are using Windows this opens a remote page due to a limitation.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpW4LIBloErZQgQ69N5%2F-LpW7UlSyl-94FffsBYj%2Fimage.png?alt=media\&token=b26f8c30-3739-4315-a169-453ac6c7939a)

#### Demonstration

[https://github.com/velara3/xd-examples/tree/master/web-export/examples/exports/auto-export](https://github.com/velara3/xd-examples/tree/master/web-export/examples/exports/auto-export)

#### Example Project

[https://github.com/velara3/xd-examples/tree/master/web-export/examples/auto-export](https://github.com/velara3/xd-examples/tree/master/web-export/examples/auto-export)
