如何在 Figma 插件 UI 中访问“figma.clientStorage”？答案

【问题标题】：How can I access `figma.clientStorage` in a Figma Plugin UI?如何在 Figma 插件 UI 中访问“figma.clientStorage”？
【发布时间】：2022-08-04 06:33:31
【问题描述】：

在我的插件代码（code.ts）中，我使用ClientStorage Figma Plugin API 来存储一些状态。

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

标签： figma

【解决方案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
}

在此示例中，我还使用“类型”来确保收到正确的消息。

【讨论】：