Community forum for knowledge and support

Updated last year

Relume to Webflow Process: Tips and Considerations

At a glance

The community member is seeking guidance on the process of transitioning from Relume to Webflow. They have designed their first page in Webflow and are unsure of the steps to take before moving on to the second page, to avoid class conflicts with Relume components that will be used across multiple pages. Their current understanding includes: starting a new Webflow project using the Relume style guide, importing the first page from the wireframe, designing the first page from top to bottom, creating components for the navbar and footer, using the client-first extension Folders to rename all classes/sections, and then copy-pasting the second page from the Relume wireframe tool. The community member is asking if they are missing any steps in this process.

Hey everyone,

I am still unclear on the relume to webflow process and would like someone to share their tips.

Once I am done designing my first page in Webflow, what should happen before I can move to my second page to avoid class conflict with Relume components that would sit on several pages? My current understanding is:

  • Start a new webflow project using Relume style guide
  • Import your first page (from wireframe)
  • Design the first page from top to bottom
  • Create component for Navbar and Footer
  • Use client-first extension Folders to rename all classes/sections
  • Copy-paste the second page from Relume wireframe tool
  • Rinse and repeat

Am I missing something?

Thanks for the help

Add a reply
Sign up and join the conversation on Slack