Fields


Text Field

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

"{FIELD-NAME}": {
  "text": "This is the text",
  "color": {
    "hex": "..." // f.ex #FFFFFF
  },
  "hide":false
}
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
hide (optional) Set to true to hide this Field in the template

Picture Field

Set the image source of a picture field.

"{FIELD-NAME}": {
  "image": {
    "imageSrc": "link|website",
    "imageUrl": "https://..."
  }
  "hide":false
}
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
hide (optional) Set to true to hide this Field in the template

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://..."
  },
  "hide":false
}
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
hide (optional) Set to true to hide this Field in the template

Rectangle Field

"{FIELD-NAME}": {
  "backgroundColor": {
    "hex": "..." // f.ex #FFFFFF
  },
  "hide":false
}
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
hide (optional) Set to true to hide this Field in the template