Skip to main content

Figma Make imports hard linking instead of using imports

  • May 15, 2026
  • 1 reply
  • 5 views
kylevice

When importing images directly into Figma Make, for some reason some of the images were directly linked in the form of src=”/src/imports/imagename.png” instead of using an import at the top of the page and then linking to the imported asset, eg:
 

import importedImage from “@/imports/imagename.png”
…

<img

src={importedImagge}

alt="This is the image"

className="h-full object-contain"

/>



This only occurred for newly-added images. Images directly linked via the img tag’s src attribute are not processed during the build and do not end up correctly linked in the final distribution (dist) output. 

Fix was to manually edit the code where any images were referenced in the img src attribute and import them same as other assets.

1 reply

adamsmasher
Figmate

Hi, ​@kylevice!

 

Interesting that this changed for you when it was consistently importing images correctly before that - I can see from what you’ve detailed how that would cause issues with the final output. What prompt or prompts do you use to add images to your Make app? I did a quick test with the following prompt:

Please import this image to the app homepage

And this was the result where it properly imported the image:

Properly imported image.

I then prompted it with this and a different attached image:

Please add this image to the homepage

This also gave me a properly imported image:

A second, properly imported image.

 

Do you have a more lengthy chat history at this point? I’m wondering if this might be a context issue that could be helped by clearing your chat context. To do this, click on the Settings gear icon on the top right of Figma Make, then in the General tab click Clear context at the bottom of the General section.

Terms & ConditionsAccessibility statement