如何向Figma currentPage添加事件侦听器

Question

我使用Figma和TypeScript为figma编写了UI插件。项目由两个主要文件组成：

• code.ts用于调用figma-api
• 具有插件用户界面的ui.html和<script>...</script>。

我的插件正在处理当前页面上的选择数据，因此我将从code.ts发送到ui数据，例如这个对象：

figma.currentPage.selection[0]

如何将事件侦听器添加到figma.currentPage？例如，如果用户在配置板上选择了其他元素，figma.currentPage.selection将发生变化，我希望将新的数据发送到ui中。

你有什么想法吗？

Answer 1

我想这就是答案。

figma.on('selectionchange', () => {
  console.log(figma.currentPage.selection);
});

https://www.figma.com/plugin-docs/api/properties/figma-on/

Answer 2

也许这不是最好的方法，而是一次有效的快速黑客攻击。我正在寻找同样的答案，但现在，我这样做。

基本上，分配一个初始变量层。然后，每隔几秒钟检查一次更改，如果var与前一个变量不同，则分配一个新的变量。

我希望这会有所帮助，直到我们找到一种正常的方法。

    var selected;

    selected = figma.currentPage.selection[0];

    setInterval(() => {

      var selectedNew = figma.currentPage.selection[0];

      if (selected != selectedNew) {

        selected = selectedNew;

      }

    }, 3000)

Answer 3

最好的方法是使用

figma.on("selectionchange" , () => {
// insert your code here
})