Where do we paste Style Guides from Webflow, into Webstudio?

Question

I've seen a few conversations on copying sections from Webflow into Webstudio. On some of them there's mention of "copy the style guide into Webstudio" - which makes sense.

But how? Or more specifically where in Webstudio should we paste the Style Guide? What is the process for getting style information from Webflow (Relume, Flowbase etc) into Webstudio

I took a guess that it might be Global Root but that doesn't seem to permit pasting.

Thanks

Oleg Isonen · Answer

style guide is just regular page

Oleg Isonen · Answer

styles are tokens, which are global, no matter where you paste

Oleg Isonen · Answer

variables - if oyu want them reusable on every page, then global root, but you can't copy them from webflow

steve · Answer

Silly question @Oleg Isonen but my understanding is this:

• Copy & paste the style guide from Webflow into Webstudio
• Copy & paste a styled component from Webflow into Webstudio
• The styled component will pick up all the styles it had in Webflow once it's in Webstudio? Typography, colour etc.

Correct?

Because that's not what I get.

Oleg Isonen · Answer

if you components are using variables in webflow, then it won't because webflow doesn't let you copy variables

Oleg Isonen · Answer

you need to seprately go to webflow, copy their variables, insert it into the global root

Oleg Isonen · Answer

not sure if webflow lets you copy variables from the UI, if not you can do this using browser dev tools

steve · Answer

Interesting, I'll investigate that. Many thanks!

Join the Webstudio community

Where do we paste Style Guides from Webflow, into Webstudio?