Skip to main content
Solved

In my plugin I am unable to set the image in frame

Rohit_Rajan

This is the code I am using to convert the image URL

  const imageData = await fetch(data.coverURL);
    const imageArrayBuffer = await imageData.arrayBuffer();
    const imageUint8Array = new Uint8Array(imageArrayBuffer);
    // Create a new image in the Figma document
    const imageHash = figma.createImage(imageUint8Array).hash;
    console.log('Image hash:', imageHash);

and here is the URL

https://is1-ssl.mzstatic.com/image/thumb/Publication6/v4/60/29/a3/6029a31a-bf59-43fb-3a29-23ff12d8631d/Cover_BellsBigMove.jpg/800x800bb.jpg

Getting this error

VM4198:6 Refused to connect to 'https://cors-anywhere.herokuapp.com/https://is1-ssl.mzstatic.com/image/thum…/6d6c0fd5-0d8b-df53-5a2c-1d349e0ed9b3/617513652833_cover.jpg/500x500bb.jpg' because it violates the following Content Security Policy directive: "default-src data: blob:". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback.

Best answer by Gayani_S

Hey @Rohit_Rajan, I’ve got the following response from the team:

You need to add any domains you’re planning to fetch from to the networkAccess.allowedDomains field in your manifest.json file.

“networkAccess”: { “allowedDomains”: [ “https://is1-ssl.mzstatic.com”, “https://cors-anywhere.herokuapp.com” ] }

Have you tried using the createImageAsync API method? createImageAsync | Plugin API

Let me know if this helps!

View original

2 replies

Gayani_S
Figmate
  • Gayani_S
  • Community Support
  • 1952 replies
  • July 2, 2024

Hey @Rohit_Rajan, thank you for reaching out!
I’ve reached out internally to the teams for help, I’ll come back to you once I have more information.

Appreciate your patience in the meantime!

Gayani_S
Figmate
  • Gayani_S
  • Community Support
  • 1952 replies
  • Answer
  • July 2, 2024

Hey @Rohit_Rajan, I’ve got the following response from the team:

You need to add any domains you’re planning to fetch from to the networkAccess.allowedDomains field in your manifest.json file.

“networkAccess”: { “allowedDomains”: [ “https://is1-ssl.mzstatic.com”, “https://cors-anywhere.herokuapp.com” ] }

Have you tried using the createImageAsync API method? createImageAsync | Plugin API

Let me know if this helps!

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings