Best way to transfer image from Figma to Plugin UI

[marizmelo]

Hello,
What would be the best way to send an image (fill) content from Figma to a plugin UI as a tag?

[ntfromchicago]

You can send it as a Uint8Array in your postMessage to the plugin UI.

[marizmelo]

Thank you @ntfromchicago, my issue is more with promises now.
How to save multiple uint8Array (async calls) data and pass that back to the UI.

[simonseeber]

Once the Uint8Array is in the plugin UI, how do i decode it back into an image? I assume converting it to a base64 image/png would work but everything I’ve tried throws errors

image = btoa(utf8decoder.decode(event.data.pluginMessage["image"]));

in this case the error i get is “btoa doesn’t exist”

[simonseeber]

This is how i got it working in the end:

var myArray = event.data.pluginMessage["image"]; //= your data in a UInt8Array
var blob = new Blob([myArray], {'type': 'image/png'});

var reader = new FileReader();
reader.onload = function(e) {
    // do what you need with the image here
};
reader.readAsDataURL(blob);