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
    • Export to a Single Page
    • Export to Multiple Pages
    • Export Artboards and show by size (media query)
    • Export to a Slideshow
  • Keyboard Shortcuts
  • Responsive Pages
  • Dynamical page that grows in height
  • Modifying Individual Elements
  • Elements and Sub Elements
  • Styling elements
  • Element Options
    • Id field
    • Tag Name
    • Styles
    • Classes
    • Attributes
    • Hyperlink
    • Width and Height Size
    • Background
    • Markup Inside
    • Markup Before and Markup After
    • Text Ids
    • Text Tokens
    • Row Layout
    • Column Layout
    • Overflow
    • Script Template
    • CSS Template
    • HTML Template
    • Layout Section
      • Layout Position types
      • Layout Position Location Types
      • Layout sizing options
    • Centered, Constraint and Anchored Positioning
    • Debug Element
    • Show Outline
    • Export as Image
    • Export as String
    • Export element
    • Displayed
    • Auto Export
    • Export (artboard)
    • Show Markup
    • Show CSS
    • Show Property Changes
    • Reset All Property changes
    • Navigation Buttons
  • Changed Properties
  • How to section
    • Creating a hover menu
    • Centering a page or element
    • Showing Overlays
    • Embedding an HTML page
    • Linking to pages or views
    • Creating a download link
    • Creating List items
    • Embedding Fonts
    • Adding Hover Effects
    • Styling Hyperlinks
    • Showing elements by size
    • Creating a Fixed Header
    • Make a Stretchable Line
    • Blend Modes
  • 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
    • Adding a cursor over on hover
    • Go to next or previous artboard with swipe gesture
  • Other Features
    • Gradients
    • Blend Modes
    • Form Elements
  • Learning by Videos
  • WordPress Integration
    • Summary
    • Export the main page
  • Example Packages
  • Web Developers
  • Non Web Developers
  • Debugging
  • Version
  • Support
    • Forums
    • Discord Channel
  • License
  • Feature and Bug Reports
  • Related Plugins
Powered by GitBook
On this page

Was this helpful?

  1. Export Artboard Dialog

Server

The location of the server for creating a server hyperlink shortcut

PreviousExport FolderNextAlternative Fonts

Last updated 4 years ago

Was this helpful?

The Server field is used to create hyperlinks to open your page after export from Web Export dialogs and panels.

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.

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 enter the URL to a server in the server field (in the dialog).

You can setup a local web server using software like or fairly easily. Setting up a local server may make testing and creating web pages easier. Read more in .

You can also open the exported by pages by using Visual Studio Code and Live Server as mentioned in .

Export Artboard
WAMP
MAMP
how to setup a local server
Setting up a Server
Verify Server