Skip to main content

​
Supported Modifications

The generate endpoint applies object-level modifications before rendering.
ModificationText elementsImage elementsSVG / shape elements
text✅ Yes❌ No❌ No
fill✅ Yes❌ No✅ Yes
stroke✅ Yes✅ Yes✅ Yes
src❌ No✅ Yes❌ No

​
Examples

​
Replace Text

{
  "modifications": [
    {
      "id": "title-text",
      "text": "Spring launch sale"
    }
  ]
}

​
Replace An Image Source

{
  "modifications": [
    {
      "id": "hero-image",
      "src": "https://images.example.com/product-shot.jpg"
    }
  ]
}

​
Change A Fill Color

{
  "modifications": [
    {
      "id": "badge-shape",
      "fill": "#ff4d6d"
    }
  ]
}

​
Change A Stroke

{
  "modifications": [
    {
      "id": "outline-shape",
      "stroke": "#1c7ed6"
    }
  ]
}

​
Combine Multiple Changes

{
  "modifications": [
    {
      "id": "title-text",
      "text": "New season drop"
    },
    {
      "id": "hero-image",
      "src": "https://images.example.com/lookbook-cover.jpg",
      "stroke": "#ffffff"
    },
    {
      "id": "badge-shape",
      "fill": "#111827"
    }
  ]
}