Hello folks! 👀 We have built our website with the Relume Figma Kit. Recently, there has been a great update to the style guide and a few new components have been added, which would be an advantage for us. Is there an easy way to update the Figma Kit? :relume:
depending on how complex your current project is, you could turn the new figma kit into a library in figma and customize the style guide once more for that new figma kit - thus any time you bring in one of the newer components that would be brought in from the figma library, they would have the same styles. A video may be coming soon on this process as well. Hope I am making sense - if not please let me know!
What’s the correct way to update the Relume Style Guide within Webflow to the newest version?
Yeah haven't had a chance to debrief with the team on this yet - the 2.1 style guide was prematurely released, and we're in a soft launch stage right now. My hope is that our super wizard developers have figured out a process for how one could migrate - however, there are some very core and foundational changes in this new style guide - its a really big update - hence the version bump to Version 2 - so there might not be a clean way to migrate any existing project unfortunately. Again, I will try to get more information and report back in this thread. If anyone else wants to be made aware of this, feel free to leave a comment and I will be sure to tag you in my response.
Appreciate your patience friends!
I’m new to relume here, getting hung up trying to get my style updates reflecting in webflow.
nope, unrelated. Would you mind copy/pasting this message into the main #C02MS2V0FSP channel and I can help with that no worries!
Unfortunately because of the nature of this update, there is no "automatic" way of migrating an existing project from 1.5 to 2.1. As mentioned, and as you now see, its a pretty big update to the style guide - certainly the largest overhaul of the style guide since its inception.
While we totally understand wanting to be on the latest and greatest and taking advantage of variables etc - we fear it might cause more issues than it would solve.
However, you should be just fine to add any of the newly released components into the older style guide.
Just be sure to select which preference you have within the library itself (See screenshot).
I realize this is not the ideal scenario - if you'd like more specific direction on best practices or how a migration could happen please share a read-only link so we can investigate more and give you more specific direction.
Cheers for now! 🚀
So Matt, what is the manual way to do it? It would be cool to at least know how to transfer everything manually, even if it takes a a lot of time.
Hi we've created a changelog that shows you exactly what you would need to manually change in your existing project to convert it to the new style guide classes. Make sure that class sync is on.
https://library.relume.io/whats-new/january-component-day#webflow-style-guide-updates
hi there, just found this thread and I'm wondering how it will work within the new kit when updates are added to the kit. For example we setup the figma 2.1 kit for a customer, and in a month or so you add some new stuff to the kit. How do I easily add those updates to the existing kit? Because starting from scratch again is no option time-wise, I'd just need to add whats new. Would there be like a changelog of "add these new sections" to an existing page in the kit or something? Thanks!
so there are a couple of ways to manage this. I'm assuming at this point that the project that you are wanting to update this for is a long term project - maybe a marketing website for a SaaS company, and not just a one-off client project? If so, my recommendation would be to grab the latest figma kit - customize that figma kit to match your existing style guide, and then you could open up your existing project and make this new figma kit as a library. Hopefully this makes sense, but if not let me know, and I can record a quick video too.
perfect man thanks! This is how I set it up indeed and it seems to work. 1 thing, if you guys add some new sections in an update to the kit, can I just copy and paste those sections into the existing kit for them to work as well? Like for example the new timeline sections
You would have to follow the same process outlined above in order for you to copy components from another kit into your project and they still adhering to the variables. for cases where you are just adding a component here or there, my recommendation would be to add the component from another Figma kit, and then swap the variables, styles and button components to be the ones in your main style guide. I really hope that makes sense but I have a feeling it doesn't - let me know if that was confusing.