How can i use localStorage in a plugin?

The localeStorage is not available for plugins, so use figma.clientStorage.

I understood that I couldn’t use localStorage. Do you have a code example that uses Figma’s storage in a Vue/React app?

Best regards

There is nothing complicated here. Just send a message from the UI and receive it in code.ts.

Many thanks for your reply. I made same solution:

code.ts

1figma.showUI(__html__, {width: 500, height: 650});
2
3figma.ui.onmessage = async (msg) => {
4  if (msg.type === "set-value") {
5    await figma.clientStorage.setAsync(msg.name, msg.value);
6  }
7  else if (msg.type === "get-value") {
8    const value = await figma.clientStorage.getAsync(msg.name);
9    figma.ui.postMessage({type: 'return-value', value: value});
10  }
11};
12

storage-wrapper.js

1export function setFigmaStorageValue(name, value) {
2    window.parent.postMessage({pluginMessage: { type: "set-value", name: name, value: value }}, "*");
3}
4export function getFigmaStorageValue(name) {
5    window.parent.postMessage({pluginMessage: { type: "get-value", name: name }}, "*");
6
7    const promise = new Promise(function(resolve, reject) {
8        window.addEventListener(
9            'message',
10            function(event) {
11                resolve(event.data.pluginMessage.value);
12            },
13            {once: true}
14        );
15    });
16
17    return promise;
18}
19

view.js

1logout() {
2      setFigmaStorageValue('access-token', null);
3    }
4