Join the Webstudio community

Updated 2 months ago

Webflow copy paste—convert to Craft or local?

At a glance

The community members discuss the challenges of integrating Webflow templates and libraries into the Craft ecosystem. The post suggests three ideas to ease the transition: 1) a "Convert to Craft" option for Client-First projects and major design systems, 2) a "Convert to local" option for non-repeated styles, and 3) avoiding adding Webflow class names to the navigator. However, the comments indicate that the copy-paste process is difficult due to the "messy" nature of Webflow projects, including Client-First, and the complexity of the Webflow class system. Some community members suggest that AI may help clean up the process, while others propose manually mapping Webflow styles to Craft variables as a potential solution, though this approach has its own challenges.

Useful resources
There a lot of templates and libraries built on Webflow. For example, Relume is nice for quick AI wireframing. Webstudio could leverage these more effectively if the copy/paste process was smoother with the Craft ecosystem. Most users coming from Webflow's ecosystem will have "messy" sites that aren't compatible with Craft. I have three ideas:
1 - Convert to Craft option for Client-First projects and major design systems (Anything non-standard isn't converted)
2 - Convert to local option for styles that aren't repeated
3 - Don't add WF class names to the navigator, to reduce confusion & revisions

I can't tell you how to build it, but I think there is a big opportunity to work with the old to ease users into the new.
O
c
S
7 comments
The learning we had as we built copy-paste is that not only all wf projects are a mess, client-first is a mess too and it would be really hard to convert. All of this is because of WF combo class system, essentially naming client-first uses is a workaroudn
it would be alot of precious resources spent on making this work perfectly well.
already regretted the idea as I was building copy-paste
sounds nice in theory to be able to copy-paste, but when you see how mcuh stuff is messy or can't be copy-pasted at all, you start realizing its not such a good idea
maybe AI will help cleaning things up, we will see
Just copy and paste the ‘style guide’ page from WF that’s usually included in the Client First templates and map the token styles to the craft variables - it really wouldn’t take long.

If you do it once too, you could definitely reuse it as a base for other CF projects.
Add a reply
Sign up and join the conversation on Discord