如何在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
}

在这个例子中；类型"；以确保我收到正确的信息。