Skip to main content
All CollectionsFAQ
Getting images instead of code? Here's how to fix it
Getting images instead of code? Here's how to fix it

Sometimes your design can be generated into static images instead of proper code. How to solve it with a few simple steps!

Leonardo Hurovich avatar
Written by Leonardo Hurovich
Updated over a week ago

If you're exporting your design from the Figma plugin and, instead of getting functional code, you're getting a static image as a result instead of proper code, this probably means that you have one or more elements of your design marked for export as images in Figma. You might be seeing something like this as result:

In the screenshot above, the text layers for the weather details have been turned into an <img> element, instead of being converted into text, as expected. This happens due to marking them for export, and you can check if a layer is marked by selecting and looking for the "Export" section in Figma, in the right panel:

After doing that, your code should be generated as expected, just like so:

In the screenshot above, the layers are being generated correctly (in this case, as a fully functional code component called <ElementWeatherdatasmall />), and not as images.

If the issue still persists, feel free to reach out to us at support@animaapp.com

For tips and best practices on marking for export, check this article out.


Did this answer your question?