This is exactly the correct site-building workflow and the exact balance between pre-built components, some AI assistance and integration with Figma as the design tool. I believe this is going to become the industry standard soon.
my jaw is still on the floor! its amazing how we're quickly moving on from the one click solution ai implementations, into a more productive and genuinely collaborative ai geared towards professionals and not average lehman who thinks human creative input is abit overated lool
Oh man, as a full stack developer, i'm learning more about ui/ux design, and always trying to get libraries and frameworks to speed up my practice process, and that Relume framework is a huge boost in productivity, i can create the entire wireframe very fast, put details of design and go fast to development process where I'm best and fast xd. Ty for sharing
To be honest, this tool is more impressive than "Framer." It's super useful and necessary. Hopefully, we'll get more videos that go into further detail about this procedure.
Whoa-whoa-whoa! Amazing. Great presentation, Ran. Suddenly my Relume subscription is worth even more than its original cost. Can't wait to give this a try.
Thank you, Ran, I tried to play a bit today, and it is amazing what the guys from Relume did. And ai very happy as I like Relume and Client-First so much 😊
Mind BLOWN!!! I am going to use this NOW! Thank you for such a nice breakdown and a great workflow. I think being able to just choose what style you want for each part of the wireframes is super useful
Bro, i am so amazed about your content always, a big THANKS to you cause you help us to keep on this road, motivate, concentrated and gives us a lot of tools to improve every day, I like the way you talk, simple and straightforward so i keep on the point, no distractions, a big compliment to you, thank you, greetings from Colombia.
Thank you so much for introducing Relume to the rest of us. I paused at the first few minutes and went down a rabbit hole and checked out Relume on my own. Truly amazed by their library and the newly released AI tool. Will be using that in my upcoming project and am confident that it will speed things up.
Such a great demonstration and implementation of how AI can drastically improve your workflow. Great job from Relume for rolling this out! Shout out to you for a presentation that is truly a game changer! Amazing content here!
@FluxAcademy Thank you for giving me the motivation to learn from your best youtube channel. By learning from your channel Now, I'm able to start my own UA-cam channel to teach web design. Thanks again
My company has an older website built using Wordpress. I'm not a web designer, so forgive the ignorance of my question: is Wordpress relevant to this process, or would it be considered totally antiquated? Thank you!
Not more margin for sure, because any person without a design background can create a wireframe/design with this, which means more people offering the same quality service, so the price will go down or the client can even do this part himself and don't even need you. Maybe not right now because it's brand new, but with a few months that will be the case
For someone who’s familiar with design / development this may seem very understandable and easy to use. But I think for someone who hasn’t dealt with UX/UI or webflow development, it is not easy to understand. Just because you can now generate and than export the wireframe directly into figma or webflow doesn't mean that the work is done. You still have to understand how it all works together, what the different elements mean and how to work together. The learning curve is still high in my opinion and as an entrepreneur I would still hand over such a task immediately.
nice video thx! I want to ask one thing, do I have to buy all 3 applications to use all 3? or if I only buy relume, is that enough to use all 3 same time? because I do see all 3 using the same library but they have different pricing per applications. thx
God, I'm more of a back-end geek but have to do the front-end myself. So this tool will actually make it exciting for me to work the front-end. Because the most annoying thing is to come up with designs. It takes me ages and then it takes me ages to position them with the common tools like CSS, Bootstrap or Tailwind... I dislike this process so much xD I hope these upcoming tools will help me find the love for this process. I think I have a pretty good sense for working aesthetics but coming up with them is not a function my brain can perform easily. xD
Just discovered Relume--wow. Thank you for the video, question, what is purpose of the middle step using Figma? Could the same design choices be made in Webflow, or, is Figma simply a better design tool where can collaborate?
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'm not too familiar with Figma, but with the Figma Webflow plugin is it possible to export the "Relume-styled in Figma" site from Figma to Webflow with all the settings and changes you made in Figma?
Tried Relume but it didn't convince me. Every page is generated using similar pattern. Once i want minimalist page, once i want robust corporate. They all look similar. No matter how detailed the prompt is. I have created bunch of wireframe templates in figma and it works better for me. Hopefully future updates will shine more light
If I take the wireframe from Relume and put it into Figma, can it then be brought into Webflow after editing the aesthetics or will it lose the functions that Relume provided? I guess I am wondering if it would be worth using Figma or just do the editing in Webflow? I am new to all three of these tools.
My question is now is can we combine relumes styleguide clonable together with the client first clonable in 1 single project? Because I'm not sure if I can copy paste components and still use the client first clonable etc
1. why you don't like to press buttons? why I need to figure out how to go to the new page that you opened already before in a new tab? 2. to import the website design you built in Relume to figma you need to paid subscription, which you didn't mention also that its a paid service. or maybe I missed that.
I have used relume and as far as I’ve noticed that it’s just a premade sets of component library that shuffles around and the one useful aspect is that it generates the texts based on the prompt. Otherwise it’s just sets of components, Nothing ai about the design.
I am a newbie, you mentioned in the comments about cleaning up the site to remove unused components, is there a video about how to do this please? Thank you 😀
@@FluxAcademy Relume work with the style guide of finsweet it seems. And style guide don't work with framer even if we use figma to framer ? Have got à vidéo where we can see with framer i am very curious now. Thanks you
This is exactly the correct site-building workflow and the exact balance between pre-built components, some AI assistance and integration with Figma as the design tool. I believe this is going to become the industry standard soon.
100%
@@suzybee123 talk more please. I'm from Brazil and I don't speak English. where can i learn more about the way you use to create websites quickly?
@@rodrigocale381 Relume + Figma + Framer, sem segredo papai.
@@rodrigocale381 Gosto do framer, mas com suas limitações, ainda não compensa pra mim. sigo com elementor.
@@FluxAcademy is it free?
my jaw is still on the floor! its amazing how we're quickly moving on from the one click solution ai implementations, into a more productive and genuinely collaborative ai geared towards professionals and not average lehman who thinks human creative input is abit overated lool
Oh man, as a full stack developer, i'm learning more about ui/ux design, and always trying to get libraries and frameworks to speed up my practice process, and that Relume framework is a huge boost in productivity, i can create the entire wireframe very fast, put details of design and go fast to development process where I'm best and fast xd.
Ty for sharing
To be honest, this tool is more impressive than "Framer." It's super useful and necessary. Hopefully, we'll get more videos that go into further detail about this procedure.
Whoa-whoa-whoa! Amazing. Great presentation, Ran. Suddenly my Relume subscription is worth even more than its original cost. Can't wait to give this a try.
Thank you, Ran, I tried to play a bit today, and it is amazing what the guys from Relume did. And ai very happy as I like Relume and Client-First so much 😊
Mind BLOWN!!! I am going to use this NOW! Thank you for such a nice breakdown and a great workflow. I think being able to just choose what style you want for each part of the wireframes is super useful
Glad it was helpful!
amazing updates from Relume! this will make the design & development much much faster and easier!!
Bro, i am so amazed about your content always, a big THANKS to you cause you help us to keep on this road, motivate, concentrated and gives us a lot of tools to improve every day, I like the way you talk, simple and straightforward so i keep on the point, no distractions, a big compliment to you, thank you, greetings from Colombia.
Appreciate it! 🇨🇴🇨🇴🇨🇴
Thank you so much for introducing Relume to the rest of us. I paused at the first few minutes and went down a rabbit hole and checked out Relume on my own. Truly amazed by their library and the newly released AI tool. Will be using that in my upcoming project and am confident that it will speed things up.
Yesterday I tried the plattform and it's awesome!
Relume is solving pain points I didn't even know I had - kudos!
Such an awesome update from Relume. Awesome tutorial Ran.
This is great for fast builds with a design in mind already. Or if you just need to push out vanilla websites fast. Either way, very exciting!
So amazing - the copy to Webflow part is out of this world.
Love the Update! Heads up - you have a typo in your thumb 👍
Classic. Thanks will fix
Such a great demonstration and implementation of how AI can drastically improve your workflow. Great job from Relume for rolling this out! Shout out to you for a presentation that is truly a game changer! Amazing content here!
I wish you would’ve showed the final product and show us how to put it all together at the end
This is an incredible review, thanks Ran!
Keep up the good work 🙌
Could this workflow work into Framer instead of Webflow?
The bomb explosions sound in the background are crazy though
At 18:00 how do you replace the image with the frame. Whenever I try to paste the frame where the image was it does not work.
Yet another game changer.
Thanks, Ran.
fascinating, i'll definitely try it
This is amazing 😍🔥🔥🔥
Relume is game changer
This is how All Ai tool should be, easy to implement in your current workflow and easily customisable.
Thanks Ran for bring us great resources
Thanks for watching!
Sir Ran, Thank you so much for this awesome tutorial💥Really amazing
This is an awesome tool to kick start the project and get it done a hour (it depends)
Amazing tool Relume!!! Super excited to subscribe and try this out. Game Changer!!!
I really needed this, perfect timing 👌
😲🤯😲🤯
Relume is NOT playing around
Indeed
Wowzer. Going to be implementing this immediately
Congratulations on reinventing Wordpress using generative AI!
cutting edge technology.
Any way to skip the duplicate changes in webflow and go Relume -> Figma -> Webflow with no 2nd iteration of applying design in webflow?
mans just running on God mode like its nothin. Great info broo
Truly mind blowing ❤
Wow this is brilliant. 🤩
Thank you Alice! 😊
This changes everything in the way I design and build into webflow thanks for the video about it
I dont know If I can justify the cost when starting out
12:25 can someone tell me how to select all at same time to detach? im doing it 1 by 1 and its a pain in the ass :p Thank u
Big fan of the Fluc Academy. You guys are simply amazing ❤❤❤❤
Thank you!!
@FluxAcademy Thank you for giving me the motivation to learn from your best youtube channel. By learning from your channel Now, I'm able to start my own UA-cam channel to teach web design. Thanks again
My company has an older website built using Wordpress. I'm not a web designer, so forgive the ignorance of my question: is Wordpress relevant to this process, or would it be considered totally antiquated? Thank you!
Whoa!!!! the power of using AI
That is mega progressive tool, finally someone combined AI into right order to be used in UX field. WOW
Have you try to use Figma Plugin import to Webflow?
Not a webflow user, but the builder part is bananas
Very good, thank you greatly from LA
Can you also use the figma to webflow plugin with the relume figma file to avoid doing the styleguide again?
You can but lose some of the components functionality
Thankyou for shading
Great tool and great tutorial explaining it, thank you.
Brilliant video thank you so much
Exactly what I’ve been waiting for!!! Gonna change the way we design and our margins rise up
Not more margin for sure, because any person without a design background can create a wireframe/design with this, which means more people offering the same quality service, so the price will go down or the client can even do this part himself and don't even need you. Maybe not right now because it's brand new, but with a few months that will be the case
For someone who’s familiar with design / development this may seem very understandable and easy to use. But I think for someone who hasn’t dealt with UX/UI or webflow development, it is not easy to understand. Just because you can now generate and than export the wireframe directly into figma or webflow doesn't mean that the work is done. You still have to understand how it all works together, what the different elements mean and how to work together. The learning curve is still high in my opinion and as an entrepreneur I would still hand over such a task immediately.
nice video thx! I want to ask one thing, do I have to buy all 3 applications to use all 3? or if I only buy relume, is that enough to use all 3 same time? because I do see all 3 using the same library but they have different pricing per applications. thx
I think I have found a catch, we can only export these sites to be hosted on Figma or Webflow! What if you have your own hosting?
perfect workflow
God, I'm more of a back-end geek but have to do the front-end myself.
So this tool will actually make it exciting for me to work the front-end. Because the most annoying thing is to come up with designs. It takes me ages and then it takes me ages to position them with the common tools like CSS, Bootstrap or Tailwind... I dislike this process so much xD
I hope these upcoming tools will help me find the love for this process.
I think I have a pretty good sense for working aesthetics but coming up with them is not a function my brain can perform easily. xD
Any tutorial for the webflow part
do i need to subscribe to all 3 services?
Incredible!
This is Game Changer
amazing.. this is really great
what comes after you have done ? can you import it to elementor or wordpress ? and work with it as it is ? or u should create it from scratch again
super amazing!
Is it possible to export a website after building? For moving domains
Just discovered Relume--wow. Thank you for the video, question, what is purpose of the middle step using Figma? Could the same design choices be made in Webflow, or, is Figma simply a better design tool where can collaborate?
good question while I finally dont see the rtesukt in webflow
How do you click on an item within a section using only the mouse and not layers panel?
Can you explain how to duplicate the library you mentioned at 9:23
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?
Is there a way to get his style guide?
I'm not too familiar with Figma, but with the Figma Webflow plugin is it possible to export the "Relume-styled in Figma" site from Figma to Webflow with all the settings and changes you made in Figma?
Tried Relume but it didn't convince me. Every page is generated using similar pattern. Once i want minimalist page, once i want robust corporate. They all look similar. No matter how detailed the prompt is. I have created bunch of wireframe templates in figma and it works better for me. Hopefully future updates will shine more light
This tool can be implemented to Framer too just like their official "Figma to Framer" plugin?
You can copy from Figma to Framer using their plugin
If I take the wireframe from Relume and put it into Figma, can it then be brought into Webflow after editing the aesthetics or will it lose the functions that Relume provided? I guess I am wondering if it would be worth using Figma or just do the editing in Webflow? I am new to all three of these tools.
I had the same question
why doesn't mine have the style guide? edit: I am unable to find the original demo file. whats my best way to replicate that styles page?
Great video! Definitely a useful tool that really makes a difference ;)
Can you please share an example prompt that you have used for generating these images?
Do we need to use the Relume Figma Kit PRO to sync the wireframes with the styleguide? I am having some troubles with the FREE Relume Figma Kit
Just checked it, Wow!. But is there a free alternative to Relume
My question is now is can we combine relumes styleguide clonable together with the client first clonable in 1 single project? Because I'm not sure if I can copy paste components and still use the client first clonable etc
Do we have to upgrade to pro to duplicate it on Figma?
Im confused. How do you get the design from Figma to WebFlow? Why did you copy from Relume to WebFlow?
where did he pull the style guide from?
Any good updates since 9 months ago?
Very helpful video. Can definitely see how this can be used to scale clients.
Nice video Ran! One thing crossed my mind. Is it possible to clone components when using Finsweet's client first style guide?
Yes, by using the Class Sync features of the Relume Chrome Extension ! 😉
Nice! 👌🏾
Was this the paid version? Seems like you can’t do much with the free trial version…
How much would cost having all platforms subscription?
That's pretty good Ran😊. But won't the system hang or become unresponsive with that large ui kit. Mainly related to Prototypes in Figma??
I would clean the file when I’m done and remove the components I’m not using
@@FluxAcademy ok thanks 🤗
Question, how easy is it to use in Swedish? I can just write and do it all in english and when in WireFrame just change all text to swedish?
1. why you don't like to press buttons? why I need to figure out how to go to the new page that you opened already before in a new tab?
2. to import the website design you built in Relume to figma you need to paid subscription, which you didn't mention also that its a paid service. or maybe I missed that.
Wow, that's pretty awesome. Thanks for your video. Is there also a way to export to elementor?
I have used relume and as far as I’ve noticed that it’s just a premade sets of component library that shuffles around and the one useful aspect is that it generates the texts based on the prompt.
Otherwise it’s just sets of components, Nothing ai about the design.
Hey Ran, if I want to make a wireframe that works for the Hebrew language, RTL, can you offer me a way to use Relume for that in Figma
I am a newbie, you mentioned in the comments about cleaning up the site to remove unused components, is there a video about how to do this please? Thank you 😀
Good idea!
thanks you from Ukraine, I will use this solution.
is there a recreate option like 10web?
incredible ! we can focus on animation for our design. I have question now...Framer can competitive with webflow with this feature..?
You can use the Figma to Framer plugin to import your design to Framer
@@FluxAcademy Relume work with the style guide of finsweet it seems. And style guide don't work with framer even if we use figma to framer ? Have got à vidéo where we can see with framer i am very curious now. Thanks you
Can I do the same with WIX instead of Webflow?
Wondering the same
Can I use this for Elementor? Or is this only for Webflow?