Great job. I've been using Relume for a few projects now and this video has cleared up many of things I was not sure on how to apply the designs as you have intended.
I don't get this, there is no way to copy a component like in the video so I installed the component library but every element in there already has a predefined class like rl-button-secondary, so changing something in the styleguide has no influence on the elements in the other page.
How does one update their Relume Style Guide to the latest version? I have an old webflow project from 3 yrs ago and want to swap out for the newest Relume Style Guide. Thanks
I'm trying out Relume Library Lite but I don't see the area to paste the colors in the Style Guide I cloned for it. Are color swatches only available if you pay for the full version of Relume Library?
Thank you for your tutorial... but I still don't get Heading Classes... why would you style an H5 into heading-xxlarge? What is the purpose of it? Would you happen to have a better example?
I’d assume you’ve already found an answer online, but in case you haven’t, it’s for better SEO, for the most part. For example, you should only have one H1 element per page, so if you want each section header to be an H1 size, then this would be an issue. The solution is to make each section header an H2, H3, H4, etc., based on importance and SEO. Then, you can give them the style class that matches the H1 element or is closest. This way, they still look like the H1 element (even though they’re not all H1 elements, if they were all H1 elements you’d be punished heavily by Google for SEO).
Hey Relume team one question. For the Padding Directions Classes, mainly the padding-left, padding right, padding bottom and padding top, all corresponding paddings are set to 0. do we need to set these values ourselves? Thanks in advance!
no, this class is just a direction. you need to add on top of that another class, for example padding-medium. This one will hold some value of the actual padding
Hello there, i have a question. I know Relume exports to Figma and Webflow. Let's say i want to design a website on Webflow, what's the difference between exporting to Figma and exporting to Webflow directly and which is better?
I haven’t used Figma much so I could 100% be wrong, but from my understanding Figma is for just designing websites (sending proofs, etc before doing any development) and Webflow is for creating websites where you can publish through Webflow or export the code to your own server. So Figma is for proofing designs with clients before actually doing any development while Webflow is for the actual creation of the website and the code that runs it once the client has approved a design. Hope this helps, once again I could be wrong about the Figma side but from my current understanding that’s how they both work
![[Sub Thai] APT. - ROSÉ & Bruno Mars](http://i.ytimg.com/vi/bYjhzP8x_uc/mqdefault.jpg)
Great job. I've been using Relume for a few projects now and this video has cleared up many of things I was not sure on how to apply the designs as you have intended.
Great styleguide! Well organized and super intuitive to use 🙌
You guys are making dreams come true! Also, shout out to Finsweet and of course Webflow for strong shoulders to stand on.
Great video Adam! Thanks for sharing!
Looking forward to using your exciting platform
Game changer! Now the dream is to make a synced loop from relume to figma to webflow (with variables)
Thanks for making this. Very appreciate!
Great, Thank You Adam!
Thank you for the amazing work you’re doing 👏👏
I don't get this, there is no way to copy a component like in the video so I installed the component library but every element in there already has a predefined class like rl-button-secondary, so changing something in the styleguide has no influence on the elements in the other page.
Incredible value! Did you ever find a solution to the duplication of classes when bringing in components? Thanks in advance.
How does one update their Relume Style Guide to the latest version? I have an old webflow project from 3 yrs ago and want to swap out for the newest Relume Style Guide. Thanks
I'm trying out Relume Library Lite but I don't see the area to paste the colors in the Style Guide I cloned for it. Are color swatches only available if you pay for the full version of Relume Library?
Thank you for your tutorial... but I still don't get Heading Classes... why would you style an H5 into heading-xxlarge? What is the purpose of it? Would you happen to have a better example?
I’d assume you’ve already found an answer online, but in case you haven’t, it’s for better SEO, for the most part. For example, you should only have one H1 element per page, so if you want each section header to be an H1 size, then this would be an issue. The solution is to make each section header an H2, H3, H4, etc., based on importance and SEO. Then, you can give them the style class that matches the H1 element or is closest. This way, they still look like the H1 element (even though they’re not all H1 elements, if they were all H1 elements you’d be punished heavily by Google for SEO).
do i need to update as my page does not look like that and a search for style guide drew blank also, thanks guys any help would be great ta.
Can I use Relume if I have a Wix page? thanks
Hey Relume team one question.
For the Padding Directions Classes, mainly the padding-left, padding right, padding bottom and padding top, all corresponding paddings are set to 0. do we need to set these values ourselves? Thanks in advance!
no, this class is just a direction. you need to add on top of that another class, for example padding-medium. This one will hold some value of the actual padding
Thank you very much, @@KseniiaShymoniuk makes a lot of sense.
Hello there, i have a question. I know Relume exports to Figma and Webflow. Let's say i want to design a website on Webflow, what's the difference between exporting to Figma and exporting to Webflow directly and which is better?
I haven’t used Figma much so I could 100% be wrong, but from my understanding Figma is for just designing websites (sending proofs, etc before doing any development) and Webflow is for creating websites where you can publish through Webflow or export the code to your own server.
So Figma is for proofing designs with clients before actually doing any development while Webflow is for the actual creation of the website and the code that runs it once the client has approved a design. Hope this helps, once again I could be wrong about the Figma side but from my current understanding that’s how they both work
Style library link no longer works. At least it doesn't work while logged in.
WoW
1:56 he talks about reading some documentation of how to use the Relume library? Does anyone know where/what it is xD
type in finsweet client first on Google
Except the spacing on the bullets and numbered lists are terrible. Too much space. Otherwise a quite innovative project as a whole.
Relume is just a handy AI sitemap plugin pretending to be a full stack no code web builder.... 0_o