Updating existing projects Do I use the Chrome extension “Class Sync” on or off when I am updating an old project to Relume Style Guide Client-First v2.1? For context the old project is on Client-First V2. I have understood I should delete the old Style Guide and then after cloning the style guide project, select the Style Guide page and then selecting and copying page-wrapper .
Max W. oh man, sorry I missed this somehow. No such thing as a stupid question and I certainly would never intentionally skip a question. I would have class sync on. However that doc is talking about retrofitting your old project with a Relume Style Guide. But what you are talking about is "upgrading" the style guide and I dont think the way you are talking about doing that will work. The biggest difference between the two style guide versions and the CF versions it the introduction of webflow Variables. And there's no clean way of transferring those. Its generally not worth the effort to "upgrade" a style guide. However, if you are highly motivated to do so - the cleanest way to do this would be to clone the latest style guide and transfer your pages 1 by 1. Keep an eye on the yellow alert for class duplication - pretty good chance that even with class sync on, this may happen. If it does - stop - undo - turn class sync off, refresh, turn it on, refresh, and resume pasting. If this project has 20-30 pages - again it might not be worth the effort. If you do move forward with this, I'd love to know how many pages it is and what the context is that is motivating you to migrate it to CF v2 - just for my own curiosity. Hope that helps!
Ah legend thank you Matt J. I can explain more for context. The project I am working on has Webflow User Accounts, so ideally I’ll avoid moving them all to a new project, I guess that’s the main things. I think the main logical think for me to have understood is that the Class Sync maintains current site styles on any matching styles from new components coming in. Maybe the best thing is to use the Finsweet extension and do a “Remove Classes” and start again with it all clean, then bring into the Relume Style Guide page. What do you think?
hmm, yeah class sync will keep cross-site classes syncing like you mentioned right but if lets say a component that has never been in your project before gets added, and those classes dont exist - no syncing will happen and everything will come over fine. The biggest issue you'll have is the fact that your project does not have the original variables that our newer components are using. So you'll get some errors with that. You can solve for that by changing your preferences but those preferences dont apply to the webflow app to import directly from site builder but if its an existing project, I would assume you would just use the library or the extension to bring in new components in a cherry-picked way. I would not use the remove classes feature in finsweet - there's no way to add those classes back and again the classes are not really the issue. Very little classes have changed or been added between the two style guide versions. You also can not add the variables we use as there are unique IDs hidden within them. This would be a good solution if Webflow allowed it to be one but unfortunately they dont. As for starting a new project, if this is a covert op, I could see not wanting to invite people to a new project but Webflow has made it incredibly easy and self-serve to migrate a webflow site plan from one site to another site - it takes all of your site settings, billing info, etc. Dont think it takes the users so you'd have to re-invite them.
if you transferred a site plan, it doesn't even take the website down either - it transfers it instantly with no hiccups
Super helpful thank you Matt. IDK the transferred site plan option seems like a last resort, there are loads of Make (Integromat) flows set up too, feels like I can’t remember where I buried the bodies now so don’t want to go digging around… I think with the better understanding you gave me I am going to do some test on a clone of the site, see if they work, then copy to the real site if they do.
let me know how it goes
Nice one Matt, thanks again!
