Web Export
Search
K

Export Artboard Dialog

Dialog to export artboard
The Export Artboard dialog is the main portal to exporting your web page.
You can open this window by going to Plugins > Web Export > Export artboard.
The Export button will export an artboard.
Above the footer button is the messages area. Pay attention to this area. If you press the Export button and nothing happens read the messages.
There is one requirement when exporting. You must select the folder to export to.
Due to operating system limitations you have to select the folder to export to each session. This is not something that can be fixed at this time.
The dialog contains a list of options you can use to cater the exported page. This guide will walk you through each one.
The options are defined per artboard.
To export an artboard follow the Exporting Artboard.
We will go over the first section of properties:

Export Artboard Header

In the upper left hand corner is dialog name.
This describes the current action. You can click this header and it will change to "Export Artboard (live)" and the Export button label will change to "Export Live".
Any changes you make while this window is open will cause the export to happen automatically. You do not have to press the Export button each time.
There are related features called Auto Export and Export Last Artboard. Export Live is experimental.

Export Artboard Label

In the right hand corner is the name of the selected artboard and it's position in the total number of artboards.
Clicking on the text will show a list of properties for the artboard. This is mostly informational.

Artboard Navigation Buttons

Clicking on the buttons will select the next or previous artboards and update the options.
Each artboard holds its own export options. If you select another artboard the export settings will be updated to that artboard settings. There is no project settings. If you select the artboard and open the Export Artboard dialog the first artboard in layers panel will be selected.
Continue to the next section to go over each form field.