Community forum for knowledge and support

Updated 11 months ago

Syncing Buttons from Style Guide to Wireframe in Figma

At a glance

A community member is new to Relume and Figma, and is having trouble getting the buttons from the Style Guide to sync to the exported wireframe. They had to manually change the button type, which is not how it should work according to the tutorials. Another community member asks if the wireframes were imported from within the Figma kit, and the original poster confirms they placed everything inside the Figma kit, but the issue still persists. The original poster has provided a screen recording for further assistance.

Useful resources

Hi guys, I'm new to relume and to figma (started using it only yesterday), and if someone could help me it would be very appreciated.
I can't get the buttons from the Style Guide sync to the wireframe that I exported. Did anyone else had this problem? I had to change manually the type of the button from "Style=Primary, Small=False, Dark mode=False, Icon position=No icon" to "Button".
But that's not how it should work from what i've seen in the tutorials. Does anyone have a solution?

M
S
2 comments

when you imported the wireframes from site builder, did you import them from with inside of the figma kit?

Did the wireframes get placed inside of the figma kit?

Hi Matt, thanks for your answer. I placed everything inside the figma kit, but it still doesn't work. I made a screen recording, maybe you can spot what I did wrong:
https://www.loom.com/share/e678e37e15c749ba9eb79964468d70a2?sid=ac2b384a-0777-4784-9712-a4f4a6fd3e0b
Thanks for the help!

Add a reply
Sign up and join the conversation on Slack