Hide effects in Plasmic Studio

“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.

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) ...