The root element is a document envelope — never rendered. Direct children are metadata blocks or exactly one root layout node. Metadata always precedes the layout root.

gui

tagdocument root

The root element is a document envelope — never rendered. Direct children are metadata blocks or exactly one root layout node. Metadata always precedes the layout root.

AttrTypeDescription
version requiredstringSpec version. Current: 0.2.
namestringScreen or layer name from the source design.

Example

<gui version="0.2" name="Checkout">
  <tokens>
    <color name="primary" value="#007AFF" />
  </tokens>
  <fonts>
    <font family="Inter" source="google" weights="400 700" />
  </fonts>
  <col w="390" fill="#F2F2F7" gap="16" p="24">
    <text value="Checkout"
          font-family="Inter" font-size="28"
          font-weight="700" fill="#1C1C1E" />
  </col>
</gui>