Community forum for knowledge and support

Updated 2 months ago

Importing Relume wireframes to Figma: Addressing formatting issues

At a glance

The community member is using Relume to create a wireframe for Figma, but is experiencing issues with the formatting when importing the wireframe into Figma. The mobile portrait formatting loses padding and doesn't switch elements from horizontal to vertical, and the same issue with padding is happening on the desktop wireframe but to a lesser degree. The community member is unsure if this is known behaviour or if there are steps they can take to mitigate this issue.

In the comments, another community member suggests providing screenshots and the Relume project URL so they can inspect the specific components, and asks if the community member is importing the wireframes into the Relume Figma Kit. The original community member responds that they have sorted out the problem in Figma by changing the auto layouts on the mobile portrait to vertical and adjusting the padding, as well as reverting the burger menu from an X back to 3 lines. They provide a link to the Relume project and a screenshot of how it appears in Figma after importing.

Useful resources

Hello, I've just started using Relume to create a wireframe for use with Figma. Everything looks fine in Relume Site builder but when I then go and import to Figma the mobile portrait formatting loses padding and doesn't switch elements from horizontal to vertical. The same issue with padding is happening on the desktop wireframe but to a lesser degree. Is this known behaviour or are there steps I can take to mitigate this?

S
M
3 comments

I did take a look at similar posts and tried the AI option. Neither really helped. This seems like an unusual issue given there aren't similar posts. If anyone has seen this behaviour and knows what I maybe doing wrong, please help.

can you please provide any screenshots as well as your Relume project URL so that I can inspect specific components? Are you importing your wireframes into our Relume Figma Kit?

Hi Matt, thanks for responding. I've sorted the problem out in Figma. Some of the auto layouts on the mobile portrait were horizontal, they needed changing to vertical and padding adjusted. Also, the burger menu was changed to X from the 3 lines which I reverted back. Is this quite normal. Here is a link to the Relume project https://www.relume.io/app/project/P1340169_B1IYDiMbbWGeBAt_7fSZ_CVHlFrRc5lQqSMd2WqtAQE and attached is the screenshot of how it appears in Figma after importing. I had previously installed the Relume Figma kit

Attachments
Relume_mob_portrait.PNG
Relume_Figma_Import_formatting.PNG
Add a reply
Sign up and join the conversation on Slack