Hide effects in Plasmic Studio

Plasmic Studio Questions
1

“Hide Effects In Plasmic Studio”

How can I add this prop to a component? I’ve seen similar in Plasmic’s native parallax attachment. I don’t want the “initial” state of this custom framer motion (opacity: 0 etc) animation appear in studio.

image.png
image.png762×347 33.2 KB

2

You can add a boolean prop, and then in your component, check if you’re rendering in the artboard:

function Component({disableInCanvas}) {
  const canvasCtx = usePlasmicCanvasContext();
  if (canvasCtx && disableInCanvas) ...
}