Fields


Text Field

Set the text content and text color of a text field.

"{FIELD-NAME}": {
  "text": "This is the text",
  "color": {
    "hex": "#ffffff"
  }
}
Field Explanation
{FIELD-NAME} The name of the field as defined in your template (layer name)
text This value will be set as the new text of this field
color.hex Color as hex-code for the new text color

Picture Field

Set the image source of a picture field.

"{FIELD-NAME}": {
  "image": {
    "imageSrc": "link|website",
    "imageUrl": "https://..."
  }
}
Field Explanation
{FIELD-NAME} The name of the field as defined in your template (layer name)
image.imageSrc website Create a Screenshot of the supplied image.imageUrl
link Fetch Image directly from image.imageUrl
image.imageUrl URL to screenshot

Browserframe Field

Set the image source and URL of the address bar of a browserframe field.

"{FIELD-NAME}": {
  "url": "https://placid.app",
  "image": {
    "imageSrc": "link|website",
    "imageUrl": "https://..."
  }
}
Field Explanation
{FIELD-NAME} The name of the field as defined in your template (layer name)
url Url to put into the browserframe's adress bar
image.imageSrc website Create a Screenshot of the supplied image.imageUrl
link Fetch image directly from image.imageUrl
image.imageUrl URL to screenshot

Rectangle Field

"{FIELD-NAME}": {
  "backgroundColor": {
    "hex": "#ffffff"
  }
}
Field Explanation
{FIELD-NAME} The name of the field as defined in your template (layer name)
backgroundColor.hex Color as hex-code for the new background-color