Community forum for knowledge and support

Updated 2 months ago

Relume: Ideal for Designing Brand-new Websites, Requires More Oversight for Existing Webflow Sites.

At a glance

The community member is new to Relume and wants to use it to create pages for an existing client's website. They believe Relume is better suited for designing a brand new site rather than iterating on an existing Webflow site, as it requires more oversight and tweaking. Other community members are unsure if this is correct and suggest updating the Relume style guide could save time in the long run.

The community member wants to use Relume for several purposes: 1) to build a better competitor comparison landing page than the one they created in Figma, 2) to use Relume's AI tools to evaluate and suggest improvements to the existing Figma design, 3) to use Relume's AI wireframe tools to experiment with copy and layout, and 4) to avoid having to rebuild the design from scratch.

The community member is working "backwards" by creating the wireframe and sitemap in Relume first, then copying it into a Webflow Relume clone site, and finally into the client's site. They are concerned about how to match the existing Webflow site's style guide, which is missing some of the features in the Relume style guide. They ask for help on the best approach to make this work.

The community member shares the read-only link to their existing

Useful resources

I am getting started with Relume and I want to use it to make pages for an existing clients website. It seems like relume is ideal for designing a brand new site, rather than adding to or iterating existing webflow sites. While you can do this, it takes a lot more oversight and tweaking. Would you say thats correct?

J
M
12 comments

As someone new to relume (but experienced building websites), I cant decide if this is correct. I wonder if I have it wrong and that if I just update the relume style guide. then it could save time in the long run. What are your thoughts as someone experienced with this tool?

I want to use relume for a few purposes:
1, to build a better competitor comparison landing page than the one I have created already (in figma)
2, to utilize the ai tool to evaluate the one I have made (suggest different hierarchy etc)
3, to use the ai wireframe tools to shorten/swap out copy, try different layouts etc
4, To avoid having to build the design a second paste (copy paste horray)

Important: I realize that I am working backwards (in the sense that I will have to take what I have made and create the wireframe, then the sitemap etc).

My plan is: I am going to create the wireframe in relume and swap in the copy. Then Ill create the sitemap for the page. Ill copy it into the webflow relume cloned site and then copy that into the clients site.

The concern:
Our webflow site already has a style guide page and its missing some of the things in the webflow relume style guide (less colour categories for text/background etc). Im worried about how this will go and what I need to do. PLEASE HELP!

  • Do I still have to try and match the relume style guide to the existing one to make this work?
  • Could I just make it match the best I can, rename every class I see on the relume clone and then paste it in?

@Julia Veintrop would you mind sharing your existing project's webflow read-only link so I can gain better context of your situation and be sure to recommend the best approach here?

I do fully understand what it is you are trying to do and I do believe there might be a way to make this work but it'll require a couple of steps to be done in a certain way or else you'll be wasting time.

absolutely! Thank you!

I havent added the style guide them because its a client but I will do it within my own account and hopefully copy past

this is the figma page that I want to upload/iterate with relume

sorry thats the link

Add a reply
Sign up and join the conversation on Slack