Why is my PNG image not working inside plugin?

[Saifylis]

Given below is how I’ve coded a simple import of a png image and rendering it inside my Figma plugin:

const img = require('../../assets/hola.png');

const Welcome = () => (
    <>
         <img src={img} height={42} width={42} alt="Wordtract"/>
    </>
)

However, the following is the output:

There aren’t any console errors. Please help me out solving this. Cheers!

[Gleb]

Linking CSS to UI.HTML

The plugin only loads what’s listed in the manifest.json, ignoring all other files. Since it only allows you to specify HTML for UI and JS for backend, you have three options here: Write CSS and JS inside of the HTML file so you don’t have to load them from other files. Host and load CSS and JS from the web. Not every hosting would work due to CORS and the plugin having origin set to null. This isn’t a very common way I think. Use a bundler to inline all files you want into HTML. This i…