Relume
Log in

Community forum for knowledge and support

Updated 2 months ago

Exporting webflow wireframes as raw code

At a glance

The community member is new to using Relume and is interested in exporting Webflow wireframes as raw code to use in other platforms. The comments indicate that this is possible, but requires a paying Webflow workspace plan. One community member has done this before and notes that while the HTML may need some adjustments when exporting to frameworks like Angular or React, the time saved by building visually in Webflow is usually worth it. Another community member suggests that with the rise of AI-powered IDEs, the process of exporting and adjusting the code could be further streamlined.

RRhonwyn
·

Hello. First day playing with Relume. (So much awesomeness).
I like Webflow in general but trying to work out if I can export the wireframe as raw code to paste into other platforms to play with. Has anyone tried this or know a way to do it?

M
R
3 comments
MMatt Johnson

yep - done it a few times. You'll need a paying Webflow workspace plan in order to export custom code.

RRhonwyn

So...create Relume wireframe, export to Webflow, then export as code.... Do you usually need to adjust much in Webflow before exporing?

MMatt Johnson

no but if I'm exporting to say Angular or React, there's quite a bit of HTML adjustments I have to make and usually very little CSS adjustments. Depending on if the codebase I'm working on has a CSS linter or not, I may have to reorganize CSS properties in a certain order, or use shorthand or use SCSS color variables, just depends. Being that it takes me 4 key inputs to create a div in webflow and saves me loads and loads of time to build visually, its usually worth it. Of course this was all before IDEs had AI in them like Cursor, I'm sure that you could really speed this up now.

Add a reply
Sign up and join the conversation on Slack