Hello, I've been using your template to build my own figma plug-in, and the structure

Where is the better place to place the figma.on type method? about figma-plugin-react-vite HOT 3 CLOSED

PepperKUN commented on May 27, 2024

Where is the better place to place the figma.on type method?

from figma-plugin-react-vite.

Comments (3)

PepperKUN commented on May 27, 2024 1

Oh, I found that I didn't need an anonymous function to execute. I made a mistake. 😂

from figma-plugin-react-vite.

iGoodie commented on May 27, 2024

Oh, I found that I didn't need an anonymous function to execute. I made a mistake. 😂

Glad to hear the issue is resolved 🎉 😄
Would you mind sharing the fixed code, so anybody facing the same confusion can take a reference? 😄 @PepperKUN

from figma-plugin-react-vite.

PepperKUN commented on May 27, 2024

Oh, I found that I didn't need an anonymous function to execute. I made a mistake. 😂

Glad to hear the issue is resolved 🎉 😄 Would you mind sharing the fixed code, so anybody facing the same confusion can take a reference? 😄 @PepperKUN

Here is the final code:

async function bootstrap() {
  initializeNetwork(NetworkSide.PLUGIN);

  if (figma.editorType === "figma") {
    figma.showUI(__html__, {
      width: 400,
      height: 200,
      title: "Animator Figma",
    });
    // figma.on('selectionchange', getSelection)
  } else if (figma.editorType === "figjam") {
    figma.showUI(__html__, {
      width: 800,
      height: 650,
      title: "Animator FigJam",
    });
  }

  console.log("Bootstrapped @", Networker.Side.current.getName());

  NetworkMessages.HELLO_UI.send({ text: "Hey there, UI!" });
  
  figma.on('selectionchange', ()=>{
      const selection = figma.currentPage.selection
      console.log('selection', selection)
    })
}

bootstrap();