transformOrigin

The origin for the node's 3D transform, corresponding to CSS transform-origin. Defaults to 50 percent on both axes. Assign a new TransformOrigin object to update it.

Supported on:

• BooleanOperationNode
• ComponentNode
• EllipseNode
• FrameNode
• GroupNode
• HighlightNode
• InstanceNode
• LineNode
• PolygonNode
• RectangleNode
• SlideNode
• SlotNode
• StampNode
• StarNode
• TextNode
• TextPathNode
• TransformGroupNode
• VectorNode
• WashiTapeNode

Signature

transformOrigin: TransformOrigin

Remarks

note

3D transforms are available in beta. The API is subject to change.

const card = figma.createRectangle()
card.resize(160, 100)
// Rotate around the middle of the left edge, like a hinged door.
card.transformOrigin = {
  x: { unit: 'PIXELS', value: 0 },
  y: { unit: 'PERCENT', value: 50 },
}
card.transform3d = {
  type: 'FIXED_ORDER',
  translateZ: 0,
  rotateX: 0,
  rotateY: 45,
  rotateZ: 0,
}