Great video! Relume is really a game changer for me for a few years now. It speeds up the whole process when you use relume figma lib and use the "offical Figma to webflow plugin" to sync all the designs directly instead of copy/pasting everything component at once. Thank you for your quick overview 👍
Become your 100'th subscriber and I hardly subscribe to any channels but this video has really helped me build my site so thank you. Keep it going your videos are great!
Have definitely found them to be a great starting point. However, it does mean there is the potential for a lot of sites to end up looking fairly generic if the components and design aren't pushed creatively, and especially if the client's budget is limited.
Great overview. Would it be best practice to wire frame with the relume library in Figma. Then create your design from the wireframe. Then use the Figma to Webflow official plug-in just to move everything into Webflow to finish?
It is a possibility but you wouldn’t have them responsible, interactive or in the Client-First classes. The Figma to Webflow plugin sounds like a dream, but we’re not quite there yet #opinionated
@@PhilipWallage is that really true? That's a letdown if it is. I thought that the wire frames from the library were created with auto layout. So everything would be responsive at least for smaller clients and jobs. For most of the projects I've completed over the years, the client could care less about client first class names.
Great video Philip thank you! I want to know if there is a direct way to change only style from Figma and make it visible to webflow without any more export and stuff.
All great, but I really need Relume to allow me to somehow sync their figma file to webflow AFTER I do hight fidelity design. I don't want to be designing the website in Webflow. Figma is better place to do that. Do you have a solution to that? :)
@@PhilipWallage Cool! Didn't know that. I am struggling to sync the text styles, but colors works fine, thank you! :) I really hope, there will be soon a way how to convert the whole high-fidelity design in Relume, not just the wireframe. If you would find a way, please make a tutorial. Company like Locofy is already able to do it, but it is not no-code tool. :(
@@GabrielaStebelová We should not forget that one of the limiting factors, might be us. The Designers. Relume uses Client-First classnaming. Which make everything very recognizable. While I doubt many of us always name our layers ;)
To the content creator, thank you so much for the insightful and well constructed video. Its given me a lot of food for thought. PS dont pay any attention to the idiots on here! Keep thr vids coming. ❤
Thanks, Garet. I'm happy to hear it turned some cogs in the ol' skull room. And no worries about the haters. As long as more people found value in it, it seems like it was worth everyone's time.
For Webflow it would be when you'd want to go live. For Relume if you'd like to use the full Figma file or want to export Wireframe to Figma & Webflow.
Thank you for this superb review ! This platform looks great, intuitive and efficient. My only question is whether or not the edition / modification processes are tied with Relume : can you upload the resulting Web site to whatever Web server ? For instance, let's say that I have a Linux VPS with Apache and MySQL - or some other popular BD engine -, would it work, and if I need to modify parameters for that matter, are these well explained/outlined thus easy to modify from within the resulting code (is the code readily accessible) ? What about other frontend platforms e.g. Wordpress? Is it possible to integrate code snippets (Javascript, Bootstrap library etc.) ?
Since Webflow is hostest solution, it's really bound with them and their platform. I do know that Relume has been building its React components/library which might be more up your alley. And in Webflow you include code snippets.
You can export your finished Webflow site and upload the HTML, CSS and JavaScript to any server. You can even manually turn it into a WordPress theme if you wanted, but then you miss out on the benefits of the hosted solution.
You mention Figma for a sec - would've been cool to see you pulling from Relume -> Figma -> Webflow, that's my current workflow. It almost seemed like it might be easier to go Relume -> Webflow -> Figma -> Webflow......?
I just did a live-stream that shows more Relume -> Figma work. But I do agree with you, for a little. Yes, it's easy to move from Relume straight into Webflow. But I think what you end up with is sooo empty, you'll need to design anyway. And its always (my opinion) better to do that in Figma > Webflow.
Hello sir this seems efficient and effective and easier ngl But I done how feel like it’s cheating Im not saying it’s not okay, i just need an explanation if it’s really okay to be doing the designs like this
To be honest, design is all about constraints. If you check out the Relume Showcase on their website, you’ll see a lot of amazing examples that people have created using Relume. In my opinion, it’s more about getting from A to B as effective as possible. And most importantly: the clients don’t care.
Doesn’t seem like a designer’s tool. Perhaps for a generic website factory, sure. And using templates is better than having no website at all, but a designer committed a client’s brand forward and have it be remembered isn’t going to work this way. My2¢
I get what you're saying. I personally love the boundries, without them as a designer we'd have too many options and would probably create things people have never seen before. Which might not be a good thing. People expect things to work a certain way.
Relume it's a little limitated. Even more for free plan. Also, it seems like they have only using a bundle of component and that's all... i don't know... it doesn't convince me
@@exgeeinteractive how so? I believe they are a great source of inspiration. Not a reason to no longer talk to customers or not validating new ideas with real people.
@@PhilipWallageA good source of markup for beginners and intermediate UI designers, specifically for landing pages. But what I'm saying is that if a designer is not careful they might get a bad habit or two with AI wireframe companions as its prompt cannot provide strategy other than pixels and sections (I guess for now). I think it's more akin to purchasing a template from envato, etc. where it might look like you have a website, but does it really serve its purpose? If it's for inspiration, I guess that doesn't hurt.
Gotcha! Now I understand what you mean. And yes, people still need to think about the site. What is its goal? Who’s the audience and how will you convert them. Yes!👍
Jesus? Would Jesus approve of you unnecessarily hating on people who are courageous to step in front of the camera? Of course these folks are expanding their reach for their own business. But they're also bringing 'genuine' value to a lot of people. Look below you 'bro'? What do you see? Notice how much he helped a lot of people and how nice a reaction he got from others. Notice also how you're the only one hating? Maybe think there might be something wrong with you? No? Well, you should. Get a life 'bro'! Are you in front of the camera? I doubt you'd have the courage. Lastly, do you know how many millions of videos go onto social media each day? Did you ask yourself that? Or how difficult it would be to come up with entirely unique content from every other creator? Didn't think so. 1D characters heckling others from behind an online shield! PATHETIC!
Great video! Relume is really a game changer for me for a few years now. It speeds up the whole process when you use relume figma lib and use the "offical Figma to webflow plugin" to sync all the designs directly instead of copy/pasting everything component at once. Thank you for your quick overview 👍
Ooooh, would love to hear/see more about your Figma to Webflow Plugin!
Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!
I’ll do my best to create another one before my 4-week trip to Lanzarote! Thanks for the kind words Henry.
Become your 100'th subscriber and I hardly subscribe to any channels but this video has really helped me build my site so thank you. Keep it going your videos are great!
I'll do my best to create more videos in 2025. Thank you so much for subscribing, I appreciate it!
Have definitely found them to be a great starting point. However, it does mean there is the potential for a lot of sites to end up looking fairly generic if the components and design aren't pushed creatively, and especially if the client's budget is limited.
It is definitely a trade of. But I do love the quote "Freedom is the enemy of creativity, limitations are its saviour".
@@PhilipWallage Sounds like communism
Thanks for this awesome review Philip 🔥
Too many more! You guys are crushing it with every update!
Great overview. Would it be best practice to wire frame with the relume library in Figma. Then create your design from the wireframe. Then use the Figma to Webflow official plug-in just to move everything into Webflow to finish?
It is a possibility but you wouldn’t have them responsible, interactive or in the Client-First classes. The Figma to Webflow plugin sounds like a dream, but we’re not quite there yet #opinionated
@@PhilipWallage is that really true? That's a letdown if it is. I thought that the wire frames from the library were created with auto layout. So everything would be responsive at least for smaller clients and jobs. For most of the projects I've completed over the years, the client could care less about client first class names.
@@theblowupdollsmusic you’re right, the responsive part is covered by auto layout. But still, use at your own risk. 😅
@@PhilipWallage Will do, Thank you. I'm looking to get out of Wordpress and into other options.
Great video Philip thank you!
I want to know if there is a direct way to change only style from Figma and make it visible to webflow without any more export and stuff.
I believe there is a way to syn to your Figma Variable to Webflow - but I'd highly recommend you to ask yourself: Is it worth it?
You've earned a new subscriber here sir. This is a really great content!
Thank you very much for this introduction of the workflow. This will increase our process, thanks to you^^
Happy to hear! Now go on and make awesome things and don't forget to share!
Great intro to Relume--thanks!
Glad you found it useful😀
All great, but I really need Relume to allow me to somehow sync their figma file to webflow AFTER I do hight fidelity design. I don't want to be designing the website in Webflow. Figma is better place to do that.
Do you have a solution to that? :)
I do! You can sync Figma Color Variables to Webflow. So it is a little limited, but on some level, you can.
@@PhilipWallage Cool! Didn't know that. I am struggling to sync the text styles, but colors works fine, thank you! :) I really hope, there will be soon a way how to convert the whole high-fidelity design in Relume, not just the wireframe. If you would find a way, please make a tutorial. Company like Locofy is already able to do it, but it is not no-code tool. :(
@@GabrielaStebelová We should not forget that one of the limiting factors, might be us. The Designers. Relume uses Client-First classnaming. Which make everything very recognizable. While I doubt many of us always name our layers ;)
@PhillipWallage If you can import all the generated Relume content to Figma, is it safe to say you can bring it to Framer instead of Webflow?
I guess you could. I'm staying away from Framer so I couldn't tell you much about the Figma to Framer transition tho.
To the content creator, thank you so much for the insightful and well constructed video. Its given me a lot of food for thought.
PS dont pay any attention to the idiots on here! Keep thr vids coming. ❤
Thanks, Garet. I'm happy to hear it turned some cogs in the ol' skull room. And no worries about the haters. As long as more people found value in it, it seems like it was worth everyone's time.
It is quite fascinating, can't wait to try it out ☺
Would love to hear how you experience Relume!
Which key are you pressing to swap layouts (seen at 4:03)
The video is cropped a bit unfortunate - but I'm just using the native Relume UI to change the layout. No hotkey.
Great video!
Thanks!
Then from where we should buy the premium plan, Webflow or Relume?
For Webflow it would be when you'd want to go live. For Relume if you'd like to use the full Figma file or want to export Wireframe to Figma & Webflow.
That is pretty amazing thanks
Happy you enjoyed it!
Thank you for this superb review ! This platform looks great, intuitive and efficient. My only question is whether or not the edition / modification processes are tied with Relume : can you upload the resulting Web site to whatever Web server ?
For instance, let's say that I have a Linux VPS with Apache and MySQL - or some other popular BD engine -, would it work, and if I need to modify parameters for that matter, are these well explained/outlined thus easy to modify from within the resulting code (is the code readily accessible) ? What about other frontend platforms e.g. Wordpress? Is it possible to integrate code snippets (Javascript, Bootstrap library etc.) ?
Since Webflow is hostest solution, it's really bound with them and their platform. I do know that Relume has been building its React components/library which might be more up your alley. And in Webflow you include code snippets.
@@PhilipWallage thanks for your reply
You can export your finished Webflow site and upload the HTML, CSS and JavaScript to any server. You can even manually turn it into a WordPress theme if you wanted, but then you miss out on the benefits of the hosted solution.
I didn’t see you create a wireframe, move it to Figma and design then move it to WebFlow. How do you follow the process I just said?
If you’d like, I can do a more in depth video. This was just an overview. A few people requested it.
How about 3:20 ?
Good one!!
😁
You mention Figma for a sec - would've been cool to see you pulling from Relume -> Figma -> Webflow, that's my current workflow. It almost seemed like it might be easier to go Relume -> Webflow -> Figma -> Webflow......?
I just did a live-stream that shows more Relume -> Figma work. But I do agree with you, for a little. Yes, it's easy to move from Relume straight into Webflow. But I think what you end up with is sooo empty, you'll need to design anyway. And its always (my opinion) better to do that in Figma > Webflow.
🤯 🤯 🤯 🤯 🤯 🤯 🤯 🤯
Hey i need a site can you help me out
Sure, mail me at philip@btng.studio and we’ll set something up.
Wix studio
broooo, really helpful thanks from india
There's more Relume/Figma/Webflow content soon!
Hello sir this seems efficient and effective and easier ngl
But I done how feel like it’s cheating
Im not saying it’s not okay, i just need an explanation if it’s really okay to be doing the designs like this
To be honest, design is all about constraints. If you check out the Relume Showcase on their website, you’ll see a lot of amazing examples that people have created using Relume. In my opinion, it’s more about getting from A to B as effective as possible. And most importantly: the clients don’t care.
@@PhilipWallage I see
Thank you for the explanation sir
Now kinda understand it
As long as I get to put in the work at least it’s okay
We can even instead of importing to webflow import to Bubble and make our own applications faster
Relume even has things like Application Shells and such.
Doesn’t seem like a designer’s tool. Perhaps for a generic website factory, sure. And using templates is better than having no website at all, but a designer committed a client’s brand forward and have it be remembered isn’t going to work this way. My2¢
I get what you're saying. I personally love the boundries, without them as a designer we'd have too many options and would probably create things people have never seen before. Which might not be a good thing. People expect things to work a certain way.
Relume it's a little limitated. Even more for free plan. Also, it seems like they have only using a bundle of component and that's all... i don't know... it doesn't convince me
Thats fair. Relume still needs a designer's touch since they're very bare-bone wireframe'ish components.
Relume? UUggghh
You must be on team Framer? 🤓
@@PhilipWallageNope. AI companions are actually a bane for design strategy. Well, for now anyways.
@@exgeeinteractive how so? I believe they are a great source of inspiration. Not a reason to no longer talk to customers or not validating new ideas with real people.
@@PhilipWallageA good source of markup for beginners and intermediate UI designers, specifically for landing pages. But what I'm saying is that if a designer is not careful they might get a bad habit or two with AI wireframe companions as its prompt cannot provide strategy other than pixels and sections (I guess for now). I think it's more akin to purchasing a template from envato, etc. where it might look like you have a website, but does it really serve its purpose?
If it's for inspiration, I guess that doesn't hurt.
Gotcha! Now I understand what you mean. And yes, people still need to think about the site. What is its goal? Who’s the audience and how will you convert them. Yes!👍
Bro have you ever tried to make original content or just copy another relume webflow or framer remix. Jesus
Jesus? Would Jesus approve of you unnecessarily hating on people who are courageous to step in front of the camera? Of course these folks are expanding their reach for their own business. But they're also bringing 'genuine' value to a lot of people.
Look below you 'bro'? What do you see? Notice how much he helped a lot of people and how nice a reaction he got from others. Notice also how you're the only one hating? Maybe think there might be something wrong with you? No? Well, you should. Get a life 'bro'! Are you in front of the camera? I doubt you'd have the courage.
Lastly, do you know how many millions of videos go onto social media each day? Did you ask yourself that? Or how difficult it would be to come up with entirely unique content from every other creator? Didn't think so. 1D characters heckling others from behind an online shield! PATHETIC!
That's bot uxui desiger, it's AI UXUI designer