Web Export
Search…
Web Export
Introduction
Getting Started
Install the Plugin
Create or open a project
Export the Artboard
Export Artboard Dialog
File Name
Subdirectory
Page Title
Web Page Template
Expected HTML Output
Stylesheet Name
Artboard Stylesheet template
Expected Stylesheet output
Script Page options
Images
Export Folder
Server
Alternative Fonts
Scale to fit
Centering the page
Styles Inline
Style via Classes
Markup Only
Outline Elements
Keyboard Navigation
Add Data Name
Add Image Compare
Auto Refresh
Export type
Reset Artboard
Addressing Export Issues
Messages Console
Export types
Keyboard Shortcuts
Responsive Pages
Dynamical page that grows in height
Modifying Individual Elements
Elements and Sub Elements
Styling elements
Element Options
Changed Properties
How to section
Creating Code Blocks
How Exporting Works
Single Page Application API
Element Tokens
Template Tokens
Setting up a server
Putting your site online
Code Block Snippets
Other Features
Learning by Videos
WordPress Integration
Example Packages
Web Developers
Non Web Developers
Debugging
Version
Support
License
Feature and Bug Reports
Related Plugins
Powered By GitBook
Server
The location of the server for creating a server hyperlink shortcut
The Server field is used to create hyperlinks to open your page after export from Web Export dialogs and panels.
You can enter the URL to a server in the server field (in the Export Artboard dialog).
Enter your server name and be sure to add a slash at the end if needed. Use the Verify Server button on the right to check that the server is reachable.
Verify Server
If the server is verified a green checkmark icon appears.
If the server can't be found a red icon appears.
The server field does not have to validate to be used.
It is common to forget to put the slash character, "/" at the end of the server value.
After this is setup and after you perform an export you can click on the Server link button and the page will load in your default browser.
Due to operating system limitations all calls in Adobe XD are made over secure HTTPS not HTTP except for 127.0.0.1 or localhost. This means that clicking the link will not open the browser. Use the URL hyperlink button or copy URL link button instead. There may be other exceptions. Using HTTP may error out but the server field is stored as a string and is concatenated with the exported file name.
You can setup a local web server using software like WAMP or MAMP fairly easily. Setting up a local server may make testing and creating web pages easier. Read more in how to setup a local server.
You can also open the exported by pages by using Visual Studio Code and Live Server as mentioned in Setting up a Server.
Previous
Export Folder
Next
Alternative Fonts
Last modified 1yr ago
Copy link