Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Issues Importing Relume Wireframes into Figma: Troubleshooting Tips

Avatar of Robert S.Robert S.
路

I've been using Relume for a bit and imported a couple of sites from relume into Figma but when i tried to import my Relume wireframes into Figma today they didn't show up correct. All the design components are all bunched up in the left hand corner. I've tried logging out of both figma and relume and closing the browser and re-opening it. I also tried using the Figma native app for mac os and had the same issue. Here is an example of one of the pages:

8 comments

  • Avatar of Emily M.
    Emily M.
    路

    Did you import this into a duplicate of the Reume Figma kit?

  • Avatar of Robert S.
    Robert S.
    路

    Well I made a duplicate of an older file that had the relume figma kit. If the figma kit was updated would an old file with the figma kit not work anymore? Also if that is true is it possible to import the figma kit into an existing figma file each time?

  • Avatar of Robert S.
    Robert S.
    路

    The way I work is I have a figma file that I duplicate each time that has all of the pages and templates I need in it already so if I can import the relume figma kit into that file each time that would make it easier for me.

  • Avatar of Robert S.
    Robert S.
    路

    I guess I could always just import it into another file and copy it over but it would nice if I could just add it to a file.

  • Avatar of Matt J.
    Matt J.
    路

    Robert S. were there modifications done to the core components (purple diamonds) in the old file? If so, the import plugin doesn't know what to do with the text since the components were modified. Highly advisable not to modify the core components but rather make an instance, detach, and then make them into local components if you want the same layouts to apply to multiple pages. Hope that makes sense.

  • Avatar of Robert S.
    Robert S.
    路

    I sort of get what you are saying maybe but don't know how to fix it, I think. How do I start over and make sure that it works from now on?

  • Avatar of Matt J.
    Matt J.
    路

    The cleanest path forward would be to duplicate a new Relume Figma Kit, and make all the necessary customizations to the kit to match the previous file, and then import your screens from site builder should work fine. Avoid font variables in Figma and ensure that any custom fonts are fully installed on your operating system.

  • Avatar of Robert S.
    Robert S.
    路

    Thanks! I'll give it a try but it makes sense now why it wasn't working.