如何在Figma插件UI中访问`figma.clientStorage`？

Question

在我的插件代码(code.ts)中，我使用ClientStorage Figma插件API存储某些状态。

如何从UI代码(ui.html)从clientStorage读取数据？

Answer 1

我不确定您是否可以从UI直接访问clientStorage，但是可以使用figma.ui.postMessage将存储的值从code.ts传递给ui.html。

下面是从clientStorage检索值并将其发送到UI的代码示例：

function retrieveFromStorage() {
  (async () => {
    try {
      var item = await figma.clientStorage.getAsync('item');
      figma.ui.postMessage({ type: 'send-item', payload: item);
    } catch (err) {
      console.log(err);
    }
  }})();
}

然后您可以在UI中访问它，如下所示：

if(event.data.pluginMessage.type == 'send-item') {
  var item = event.data.pluginMessage.payload
}

在本例中，我还使用了"type“来确保收到了正确的消息。