How Exporting Works
Going from Adobe XD to HTML
Exporting takes your artboard and elements and exports it to the web.
Each element is translated into a HTML or SVG code counter part.
Artboards are exported as a div. In the documentation Artboards are referred to as views.
Artboard layers and groups are exported as HTMLElements. HTMLElement is the base class for HTML elements like div, img, span, etc. In the documentation layers and groups are referred to as elements.
Exported Elements
Layers are converted to the default HTML and CSS at this time.
You can add or subtract to the exported HTML and CSS.
Page template
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><!--page_title--></title>
<!--styles_content-->
<!--scripts-->
</head>
<body>
<!--application_content-->
</body>
</html>Artboard
Artboards
Group
Text
Rectangle
Ellipse
Line
Path
Polygon
Image
Last updated
Was this helpful?