# Introduction

[Web Export](https://xd.adobelanding.com/en/xd-plugin-download/?name=f2b8abc7) for Adobe XD provides a way to author and export web pages, web sites, and slideshows from Adobe XD. 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LmQJDfLfiN_XNCB_JoP%2F-LmQPcjUnY2uxiwfkYHQ%2Fimage.png?alt=media\&token=1b30769f-6fa4-4c5c-91a6-4713e916a7c3)

In this guide we will use Web Export to create content for the web from Adobe XD. 

This guide will show you how to install Web Export and use it to author and export to the web. 

Use the links in the footer to go forward and back. Skip ahead if you like. 

#### Enthusiast, Designer or Web Developer

If you are new to web development then at some time before, during or after reading this guide read [Getting Started with the Web](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web). 

For a quick overview of how web developers manually create web pages and installing a server watch [this](https://youtu.be/hu-q2zYwEYs) video and then return to this guide. 

Remember that Web Export completes many of the steps for you. 

Recommended videos [one](https://youtu.be/hu-q2zYwEYs) and [two](https://youtu.be/hu-q2zYwEYs).

Having a basic understanding of all of the technologies and ideas involved will empower you going forward. 

There are sections in the table of contents for [Web Developers](https://velara-3.gitbook.io/web-export/web-developers) and for [non web developers](https://velara-3.gitbook.io/web-export/ui-ux-and-designers) that contain relevant information. 

Web Export will attempt to make the most accurate representation of your design but there are alternative layout and design choices you can make along the way. 

For best results, you will want to read the guide and see all the options available to you to get the best results. 

The links at the bottom of each page will step you through this material. 

#### Demo and Learning Videos

The official Web Export video playlist showing feature demonstration and how to videos is [here](https://www.youtube.com/playlist?list=PLFBNT6gqr5u_NvUaLdHziGES_7Rw8-2pX). 

#### Requirements

* [Adobe XD](https://www.adobe.com/products/xd.html)
* [Web Export](https://xd.adobelanding.com/en/xd-plugin-download/?name=f2b8abc7)

#### Limitations

{% hint style="info" %}
If you do not find what you are looking for in this guide you can get more support at the forums [here](https://velara-3.gitbook.io/web-export/support). 
{% endhint %}

{% hint style="warning" %}
Adobe XD supports something called Prototype mode. It provides a desktop preview. This has features like voice control, drag, tap interactions, auto animations and more. Web Export exports to the web and is limited by the features of the web and features it provides to developers. If you have questions or issues ask. 
{% endhint %}

{% hint style="success" %}
Skim through the table of contents guide on the left quickly before getting started. It may not make sense now and that's ok but it will make sense later. 
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://velara-3.gitbook.io/web-export/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.