Web Export
Search…
Element Tokens
Tokens supported in the element templates
Each element can export HTML, CSS and JavaScript.
You can modify the output a variety of ways. When you use the template fields you have the opportunity to access the names and values of the selected element and add those values on export.
These tokens are not supported in the Artboard. The artboard supports a few separate tokens.

Tokens

Example Usage

1
{SELECTOR} {
2
--selector: {SELECTOR};
3
--selector2: {SELECTOR2};
4
--pixel-width: {PIXEL_WIDTH};
5
--pixel-height: {PIXEL_HEIGHT};
6
--percent-width: {PERCENT_WIDTH};
7
--percent-height: {PERCENT_HEIGHT};
8
--width: {WIDTH};
9
--height: {HEIGHT};
10
--top: {TOP};
11
--left: {LEFT};
12
--right: {RIGHT};
13
--bottom: {BOTTOM};
14
--rotation: {ROTATION};
15
--transform: {TRANSFORM};
16
--fillColor: {FILL_COLOR};
17
--stroke: {STROKE};
18
--strokeColor: {STROKE_COLOR};
19
--strokeWidth: {STROKE_WIDTH};
20
--strokeStyle: {STROKE_STYLE};
21
}
Copied!

Element Templates

Last modified 5mo ago
Copy link