Editing properties doesn't work as explained in doc

Question

Pasting this code from the documentation on Accessing the Document does not work.
for (const node of figma.currentPage.selection) {
  if ("opacity" in node) {
    node.opacity *= 0.5
  }
}

Cannot assign to ‘opacity’ because it is a read-only property

How to do it?

Gleb · Accepted Answer

TypeScript doesn’t know that. Gleb:You need to ensure the node type is the one with not readonly opacity so TypeScript doesn’t give you a warning. You can filter selection to include only the node types your plugin accepts.And this may help:              Get all nodes that are red Questions        In simplest terms, this is TypeScript warning you about the fact that a specific property you are trying to access may not be present on the nodes depending on the type. It’s a TypeScript error, which doesn’t mean your code is wrong, it means TypeScript thinks it’s wrong. It knows that findAll function and other similar functions can return all types of nodes (SceneNode), and it doesn’t know that your condition will only return objects of a specific type. There are four ways to “fix” this: U…

Gleb · Answer

This happens because some nodes don’t allow opacity modification.

E.g. ConnectorNode (I guess it’s all nodes from FigJam): ConnectorNode · Figma Plugins

You need to ensure the node type is the one with not readonly opacity so TypeScript doesn’t give you a warning. You can filter selection to include only the node types your plugin accepts.

Reply

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded