Documentation

Templates

Canvas, layers, rotation, magnetic positioning, and render order.

Structure

Use 1200x630 for Open Graph images.
layers render in list order.
Use magnetic positioning for maintainable templates.

Rotate layers

Select a text, shape, or image layer in the editor and set Rotation, ° or drag its rotation handle on the canvas. Positive angles turn clockwise. Fill layers cannot be rotated.

rotated-shape.json

{
  "kind": "shape",
  "id": "accent",
  "points": [[0, 0], [240, 0], [240, 32], [0, 32]],
  "fill": { "color": "#FF6B5F" },
  "magnetic": { "to": "background", "left": 80, "top": 72 },
  "rotation": -8
}

rotation is a number from −360 to 360. Omit it for 0°. The layer turns around the center of its visible unrotated bounds.
Magnetic positioning is resolved before rotation. Rotating does not change anchor offsets, so leave room around important content.
A perspective image can also be rotated numerically. Its canvas selection box is hidden; select it from the layer list and edit its four corners in the properties panel.