Community forum for knowledge and support

Updated 10 months ago

Finding the style guide in figma

At a glance

A community member is new to Relume and had an issue with finding the style guide when exporting a project to Figma. They initially found the style guide useful but couldn't locate it in a recent project. The community member later realized they misunderstood the instructions and needed to import the premium Figma kit.

In the comments, another community member asks for an explanation or instructions on the Relume to Figma workflow. Another community member shares a walkthrough video that addresses many of the questions. A third community member provides a tip on efficiently replacing page sections in Figma using a keyboard shortcut.

Useful resources

Hey everyone... I'm new to Relume so excuse the probably stupid question...

My first project I tested with, when I exported it to Figma, it gave me a style guide on the left hand side, under layers/assets/page etc. Found this super useful when navigating the styles across all the pages.

In my most recent project, I can't seem to find the style guide. Where would I be able to find the style guide in Figma?


Edit: I've figured it out. I misunderstood the instructions to use the premium figma kit. I didn't realise I had to import into that file... I could have read it better πŸ˜†

E
M
8 comments

Hey, would you mind explaining this to me / sending me the instructions? My Relume to Figma workflow needs some work haha

Have you seen my full walkthrough video that I did awhile back - rough draft of a more proper video we are working on.

It's pretty long - about an hour. Check it out, let me know what feedback you might have on it or if it was helpful!

https://relume.notion.site/Using-the-Relume-Site-Builder-Full-Walk-Through-409e549d44594f0986c7b3453d93a5e4?pvs=4

Im 30 minutes in and this is answering every question I had!!! Thank you for this, it's really great.

The only place I could give you a tip is when you're changing page sections on Figma into instances of variables. Instead of pasting each instance in and then deleting the section individually, you can select all the sections you want to replace and use Ctrl + Shift + Alt + V to replace them with the instance. I'm not sure what that translates to on Mac.

oooh love that - great feedback - do you happen to have a timestamp on that? It sounds incredibly inefficient compared to what you said - very curious

Yep, it's around the 28 minute mark

Ahhh yes for sure! I have shifted this a bit already with my workflow to paste to replace - so fast!

Oh nice one πŸ™‚ all the little things add up!

Add a reply
Sign up and join the conversation on Slack