Skip to main content

Transferring the layout from Figma to Wonder

Bug Reports

When I imported my design from Figma into Wonder, the layout broke significantly. Most spacing and Auto Layout structures were lost, many images were missing, components were broken, and various visual artifacts appeared. Fonts were replaced, and some text content disappeared entirely.

As a result, the imported design no longer closely resembled the original Figma file. It felt more like the design had been processed through an AI transformation rather than accurately transferred from Figma.

I also tried using Wonder to generate several alternative design concepts while preserving the same functionality. However, the generated variations were almost identical to the original layout, with only minor visual changes such as different colors or added shadows.

Posted by Alina Markovich ·
2 comments

Log in to comment and vote

Comments2

  • Boris Jankovic

    Team•

    Jun 17

    As for the AI, try being a bit more specific with your prompt and clearly explain what you'd like it to create. In most cases, the more detailed the request, the better the results.

    We're also working on additional modes that will make the AI more creative and improve its ability to handle different types of requests.

  • Boris Jankovic

    Team•

    Jun 17

    Hi @Alina Markovich,

    Thanks for the feedback. Would it be possible for you to share the Figma design with us? My email is boris@wonder.so.


    I’d like to use it to test the translation and improve how it works. Right now, there are many different edge cases in how Figma files are organized. We’ve tried to cover as many examples as possible, but there are always cases we miss.

    Having access to your file would help us improve the Figma-to-Wonder flow even further.


    Thanks!
    Boris