HTML Template

HTML template

Web Export creates the HTML needed to make the element match what is seen in Adobe XD.

You can modify the HTML by using the tag name and attributes fields in the Element Options form.

You can define your own HTML in the HTML template field.

When you have an Artboard selected the HTML template refers the Page template. This is different than an element.

See Page Template.

To replace the default HTML click on the HTML template icon.

By default this field is empty.

Enter the HTML you want to use.

To see what is exported click the Show Markup button.

You may want to add token to the exported HTML. You can access a few properties and element values through tokens:

More supported tokens:

Token List

An example project showing how to use templates can be found here.