Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Integrating Relume Style Guide into Existing Projects: A Guide

Avatar of Caleb A.Caleb A.
路
路

Hey Relume Team, a while ago I had posted about how to use Relume in a project that was not initially setup with cloning the Relume style guide, below was the response. Today I tried out adding Relume to an existing project by cloning the Relume Style Guide into a new project, and copying the page-wrapper from the style guide page and paste it into the primary project. I tried installing, re-installing the Relume Webflow App, and I keep getting: You need the latest Relume Style Guide to import. (See Attached) Hey! Caleb, the official recommendation is to rebuild and start fresh with a new project and this decision typically depends on the size and complexity of your website project. 1) For small and basic sites Rebuilding from scratch is recommended as it avoids hassles with renaming/formatting classes But remember one thing. If you choose to add Relume to an existing project you can 1) Clone the Relume Style Guide into a new project 2) Copy the page-wrapper from the style guide page and paste it into your primary project 3) Manually replicate the variables from the cloned project 4) Manually link variables to components when copying them in

5 comments

  • Avatar of Matt J.
    Matt J.
    路
    路

    Yeah since releasing the style guide builder, using the app with this type of setup is no longer possible. Apologies for the inconvenience.

  • Avatar of Matt J.
    Matt J.
    路
    路

    Can still copy/paste pages from site builder, or copy individual components from the extension or webflow library

  • Avatar of Caleb A.
    Caleb A.
    路
    路

    Okay thanks for the info on that. Is Relume working on a feature that would be possible to import into an existing project with the Relume Webflow App?

  • Avatar of Matt J.
    Matt J.
    路
    路

    Its a webflow limitation otherwise we would have loved to have that ability for sure.

  • Avatar of Mohaiminul H.
    Mohaiminul H.
    路
    路

    Hi, Caleb A. If you're having trouble getting the Relume app to work in a Webflow project where you manually set up the style guide, this little trick might help:

    1. 1.

      Go to the Page Settings of your style guide page.

    2. 2.

      In the Meta Description field, type:

    3. 3.

      Relume Style Guide v3.0

    4. 4.

      Save the page as a draft.

    5. 5.

      Then just relaunch the Relume app.

    That should do the trick! Let me know if it works for you 馃槉