transform3d

The node's Transform3d. Defaults to { type: 'NONE' }. Assign a new FIXED_ORDER object to update it, or { type: 'NONE' } to remove it. Assigning a FREEFORM value throws an error.

Supported on:

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

Signature

transform3d: Transform3d

Remarks

note

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

const card = figma.createRectangle()
card.resize(160, 100)
card.transform3d = {
  type: 'FIXED_ORDER',
  translateZ: 40,
  rotateX: 0,
  rotateY: 30,
  rotateZ: 0,
  backfaceVisible: false,
}

// Preserve the other settings when changing one rotation.
if (card.transform3d.type === 'FIXED_ORDER') {
  card.transform3d = { ...card.transform3d, rotateY: 45 }
}

// Remove the transform.
card.transform3d = { type: 'NONE' }