如何將事件監聽器添加到 Figma currentPage

Question

我使用 figma-api 和 TypeScript 為 Figma 編寫了帶有 UI 的插件。 項目包含兩個主要文件：

• 調用figma-api code.ts

• ui.html與<script>...</script>與插件的用戶界面。

我的插件正在處理當前頁面上的選擇數據，所以我從code.ts發送到例如這個對象的ui數據：

figma.currentPage.selection[0]

如何將事件偵聽器添加到figma.currentPage ？ 例如，如果用戶在 figma board 上選擇了其他元素， figma.currentPage.selection將發生變化，我想將新數據發送到ui 。

你有什么想法嗎？

Answer 1

可能不是最好的方法，而是一種有效的快速技巧。 我正在尋找相同的答案，但現在，我這樣做。

基本上，分配一個初始變量層。 然后，每隔幾秒鍾檢查一次更改，如果 var 與之前的 var 不同，則分配一個新的 var。

我希望這會有所幫助，直到我們得到一種正常的方式來做到這一點。

    var selected;

    selected = figma.currentPage.selection[0];

    setInterval(() => {

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

      if (selected != selectedNew) {

        selected = selectedNew;

      }

    }, 3000)

Answer 2

我想這就是答案。

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

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

Answer 3

完美的方法是使用

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