For someone like me who doesn't like to spend a lot of time fussing over design this is honestly great. I'm a full stack web developer who develops web apps and designing the app is the most tedious process for me. If I can get ai to develop a static mark up that I can use as a baseline that will accelerate my workflow exponentially.
@tr4shp4nda_ttv Жыл бұрын
This is the most underrated comment on this video. I feel your pain my friend lol
@rsalinaszambrano11 ай бұрын
This! I hate the design part, but I love the implementation. Super excited about this
@vv4g11 ай бұрын
On the off chance I’ve spent the last 5 + years designing and prototyping an app, would you be interested in teaming up to code it 😅🎉
@FH-tx5zk10 ай бұрын
This is what a smart person would say. Thank you for being one sir.
@captainchaos64347 ай бұрын
100% agree!
@charles1200019 ай бұрын
Wow! Relume is a huge game changer! Two suggestions to help the majority of us technophobes: 1) Maybe make your cursor slighter, larger, and more visible so we can follow your instructions more clearly. 2) You could make this video into a series of short videos by breaking down the process into a few steps, to make the learning process much shorter for us technophobes.
@Sandheip3 ай бұрын
Relume AI with Webflow sounds like a game-changer for web design! Can't wait to see the amazing websites created with this tool. #WebDesign #AI #RelumeAI
@issacjr01 Жыл бұрын
If you’re charging them 5k for a website it will need to have cms and crm set up for them a database and all the cross platform support like zappier pre installed. 5k isn’t for the wireframe it’s for the expert understanding of what a business needs.
@joecater8944 ай бұрын
true, but I would argue it comes down to labour.. to build a site clients know and understand you need a lot of people doing a lot of work. IF AI could do it all fast.. wouldnt be long before prices would come down via competition. I agree, although I have zero ex of webflow .. what Ive heard of it.. its not ready to replace everything.
@masterjanglez11 ай бұрын
These are really great tools. I'm currently building my first website for a redesign. One point about Relume, it costs $32/month to view anymore than the home page on the wireframe section. As someone who doesn't build websites for a living, is not a cost that I want to take on, but this seems like a extremely cost effective tool for those that do build sites for a living. I don't want to assume that this was left out intentionally but a suggestion to make mention of any cost when promoting tools for future content.
@zentai50769 ай бұрын
i dont understand how people wont pay for a service, especially one as cheap as 32$ 😢
@sadafzahirshah39057 ай бұрын
@@zentai5076 Some of us are living in 3rd world countries
@TomiOnDesign16 күн бұрын
@@zentai5076lol that’s more than the monthly minimum wage in my country
@hectorwearden202 Жыл бұрын
God tier tutorial. Main point: if you can 10x your productivity and process using tools you can make a lot of money. Loved the emphasis on workflows too. To summarise: Relume for structure & content, Figma for visual design, Webflow for building.
@rmmoss3800 Жыл бұрын
To add- not free export Wireframe to Figma, and export Wireframe to Webflow. Provided under the Starter Plan $38mo. Or $384 yrly
@j-lewis8 ай бұрын
Huh, Webflow for building? Why not learn some coding and become a real professional instead? Have you seen the noodle-crap-code, that Webflow throws out, have you seen awful Google PageSpeed stats, that such sites provide? All the website builders are the cheeze in the mousetrap. Give you a feeling you can make good-looking websites quick and without studying, but in the end you produce crap and slowly site, so that nobody will want to dig into the code and change anything, because nobody understand that bunch of crappy code, that such "automatic solutions" provide. Okay, for cheap crappy landing it’s fine, but not for some real quality websites... p.s. I’m a web developer with couple of years experience, know what I’m talking about.
@zxyrexz4 ай бұрын
can we use framer instead of webflow
@docsdocs895511 ай бұрын
Hey, so, like, I'm a graphic designer, and I also do web design and branding stuff. And guess what? These AI tools are like, just tools, man. If you figure out how to use them and blend them into your work, you'll have more freedom to be all artsy-fartsy. Take, for instance, the pain in the butt chore of researching color theory for client branding. Ugh, it's so boring, right? But you can totally get Chat GPT to spit out some cool color ideas based on the shades you like. And if you're stuck on a lame layout, just use it for some inspo. Now that I've given these AI thingies a whirl, I'm not stressing about it anymore. They won't create stuff like I do, but they sure help with the boring stuff, so I can stay in my creative zone, you know?
@diaarraaa4 ай бұрын
Facts
@TerenceKearns5 күн бұрын
Thats the best way to look at this ai stuff imo.
@WellDressedMuffin Жыл бұрын
My first thought is "damn, this is kinda scary". But the more I think about it, the more I realize that we're just further along in a process that's been ongoing for decades. AI assistance lowers the barrier to entry similarly to how website builders have done already.
@EliDontDoIt Жыл бұрын
I’ve been struggling to slowly develop content and design for my own business’s website and I can’t afford to hire outside help. Tools like these are a godsend
@joecater8944 ай бұрын
website builders are a pain though.. in many ways. And often become a hindrance further down the line. Lot of times they themselves are complicated enough that the bar to entry is still fairly high too.. Whenever I had to work with them because client already had them it was very cumbersome and repetitive work. And if they were simple one would or might expect the client to have either done the work themselves or maybe hired a inhouse admin to do it rather than coming to a webdev.
@WellDressedMuffin4 ай бұрын
@@joecater894 To further my point, you can re-read your comment and replace "website builders" with "ai generated websites"
@AdrianTschubarov Жыл бұрын
A big warning on this, you need to edit the wireframes for around three days to get a decent results
@davidroikit8121 Жыл бұрын
True, so far with AI all i have found is it ends up taking the same amount of time.
@MisterWealth8 ай бұрын
easier to use squarespace tbh lol
@robreichjr Жыл бұрын
Love that you found Relume. Would also love if you did a video of you designing from their components.
@ionelCristianLupu_ Жыл бұрын
This looks amazing. Love it. If a job becomes easier to do, it will become cheaper. Also, the entry barrier will become lower. I think software development and UI/UX development will be merged into one in the future
@muhammadbacar6051 Жыл бұрын
True with the emergence of AI and no code tools, Designers will start doing both webdesign and front end developement but I still think that back end developement will be exclusive for developers. Developers will have to be either fullstack developers or mainly backend developers.
@ionelCristianLupu_ Жыл бұрын
@@muhammadbacar6051 i would never hire a backend only developer again. Having a backend and frontend developers separately makes development so slow and inconsistent. Fullstack is the best developer you can have
@AIRRAZOR44 Жыл бұрын
@@muhammadbacar6051 Frontend is full-stack with a focus on frontend, UI / UX
@nickwoodward819 Жыл бұрын
*static FE devs. Frontend devs will be fine.
@filetmignon99783 ай бұрын
Regarding the cheaper part, not necessarily. Websites are and should always be quoted based on the value they provide. If my service provides you a value of 10k per month in extra sales, why should I charge less just because I'm using a tool that speeds up my process? I don't think a blanket statement like the one you made applies very well
@OffTheDomeMediaGroup4 ай бұрын
I'm slowly transitioning from Wordpress to starting my first site with Webflow soon. What I'm trying to wrap my tiny mind around is why do the extra Figma step when you can go straight into Webflow from Relume and accomplish the same design tasks, without the extra step. Everyone is saying the same thing. Relume to Figma to Webflow. What am I missing? Great Tutorial by the way. 👍🏽
@FeedbackWrench Жыл бұрын
This is fantastic. Webflow & Relume are releasing so fast it’s hard to keep up. Thanks for this video, absolutely game changing to see someone explain these features that are just icing on the cake.
@suzywilson8 ай бұрын
Thank you, Jesse! This was so helpful! I have a RevOps Consultancy and very little time for this and the added problem of not being a designer. I will be able to have my site up and running over this coming weekend!
@JesseShowalter8 ай бұрын
Glad it was helpful!
@suzywilson8 ай бұрын
@@JesseShowalter Indeed 😎😊
@ryan77732 ай бұрын
This is great tech. Very time saving as Jesse suggests. I can see net gains here but where it loses is the idea that the one hour you spent creating a website doesn't account for the communication and back and forth between you and the client. It's still consultancy that will now inflate billable hours vs execution.
@taobelgium Жыл бұрын
According to your experience with this, would you still go through Figma or skip it entirely and do the styling immediately in Webflow?
@poface2 Жыл бұрын
Figma is good for experimenting. Eg. You can have say 5 alternative home pages (or however many you want) side by side and zoom out to get a good overall feel, and decide which works best. You can't do that in webflow, so it's more of a design step. I started going straight to webflow but after using figma to duplicate and experiment with pages and components I realised the benefit in that design process. You end up squeezing out the best design whereas if straight to webflow your not liken to iterate as much so you may not be reaching your design potential. It's so quick to experiment with in figma. We'll worth watching the webflow tutorial on how they use it to get an idea.
@jswanson859 Жыл бұрын
I love this! I just started working with Relume a couple of weeks ago and it's been an incredible experience. It allows me to focus more on the final design and speeding the mapping and wireframing process. Thanks for sharing another great video.
@rentefald Жыл бұрын
Wake up... then your client ask. Please implement a button click that commands a new order. You're toasted, guys.... learn to program instead of this.
@kailikameoka4915 Жыл бұрын
I’m conflicted about using AI. It just doesn’t feel like I’m doing the design work. Feel like a monkey pressing buttons. I like designing things myself, but it takes so much time and can be mentally exhausting. Not that I’m complaining, it’s just frustrating when there’s only so much you can do in a day because you run out of steam and your brain just stops working.😊 I don’t really want to use AI, but I’m worried that I’ll get left behind as everyone hops on the AI bandwagon: “What? It takes you a month to ship a site? The other guy can do that in an hour!” Anyone else have this problem? PS: @JesseShowalter are you back in Hawai’i l?
@dougscott188 Жыл бұрын
Yeah get over that or get left behind. I was like that about offshore labor and I went all in on that is 2006. What you bring to the table is your expertise, taste and marketing experience. That said the idea you could build this and deliver an effective marketing piece in one hour is bull. But no doubt this is good for smart freelancers and agencies. Tools like this add value to you and you create the value for the customer.
@jswanson859 Жыл бұрын
I think you might be missing the bigger picture. You say you love to design but run out of steam during the day. Well, Relume speeds up the process of doing the grunt work and gives you more time to the final design which is the fun part. Give it a try. I did and it's a blast how fast it is.
@taimedsavage Жыл бұрын
TIME!…is the key here…Eric Hoffer said, “In times of change the learners will inherit the Earth, while the learned remain beautifully equipped for a world, that no longer exists“… don’t remain beautifully equipped!…
@Uzodesign11 ай бұрын
It annoys me when people just say you can charge X amount. Yes, anyone can charge whatever they want but consistently finding people willing to pay the rate is where the challenge is. So, stop telling us how much we can charge for click bait. Smh.
@ostojicstefan58119 ай бұрын
I tried it with a customer website and it's amazing. To be fair i tried it now (3 months later)
@kevinpaz9526 Жыл бұрын
Ululani's Shaved Ice!! BEST shaved ice ever. I'm a Maui native, Maui based Product Designer, and I've yet to find a shaved ice better than Ululani's! Relume looks amazing, and will have to give a try.
@ivanovaili10 ай бұрын
Should I experiment building my own website? I have a very specific thing on my mind but I'm not into coding, more like front end stuff. This is totally a game changer for those who dream of the visual aspect of a website but don't know programming like me. 😅❤😊
@jmb7508 Жыл бұрын
As someone that's just started learning webdesign (namely Divi, WordPress), this seems like a much more streamlined way of doing things. Would you recommend dropping Divi/WP and moving over to this method instead?
@galloburrito4252 Жыл бұрын
i use divi as well. i tried using webflow. but holy cow it's a little too complex for me
@LordFlash124 Жыл бұрын
Absolutely awesome content Phil. I tried this platform as soon as I had watched this video and it lived up to everything you outlined. So easy and versatile. Brilliant!
@KiwiInvestor11 ай бұрын
I'm a no stack, no code, no website, no client, no idea business owner launching in 2024, and this looks great. I am right now having some designers put together a quote for my new website for myself. If this is really this easy, why couldn't I design my own site using this. it looks like i don't need to do any code. I will try this after the video and report back. this really looks awesome and the speed blows me away.
@shahidInsight7 ай бұрын
you are my inspiration , i wish to be you student , God bless you.
@richardmcsharry Жыл бұрын
So you have to apply the color and font styles twice? Once in Figma and then again in Webflow. Why not just go straight to Webflow and apply the branding there and as you iterate, you can share that with the client. It seems to me there is no need for Figma here at all or what am I missing?
@Khobragadeharsh6 ай бұрын
dammn fool there are two methods to do that mf he explained that lol
@patrickspiegel Жыл бұрын
How haven't i heard of the AI release for relume --> thanks for the awareness!
@travelwithdalt Жыл бұрын
Me showing up at the shaved ice spot expecting to be served the insane looking shaved ice options shown on the website that are actually AI generated 😂
@KreativeKourtnie Жыл бұрын
You just changed the game for me ❤️‼️
@midashaymaker8308 Жыл бұрын
So what exactly is the benefits to this over the likes of WIX? Is it just that you have more control if you want it?
@ethankoopman15258 ай бұрын
Perhaps I missed it, but where did you get some of those elements that you added into the background? I would love to know where I could either get or generate random elements.
@JesseShowalter8 ай бұрын
I created them
@getchipbot9 ай бұрын
Looks impressive. What’s the cost for all the different programs needed?
@p_k_repswal Жыл бұрын
What about the code of website like HTML, CSS and JS?
@xiNix_O Жыл бұрын
Absolutely awesome maaaaaaaaaaaaaaan, thanks a bunch
@videos6505 Жыл бұрын
Cool soon there will be KZbin AI. I just hit generate and get entertained by AI. No need to subscribe or follow any content creators anymore. Wohooo!
@chadgarber Жыл бұрын
You had me on the first site but then it becomes complicated again. Wish there was simple ways to get to the design part.
@PierreEngelke10 ай бұрын
I have a question. because Relume costs money to use properly. For example, after you create the website and publish it, can I cancel the subscription and keep the website running without having to continue subscribing to Relume?
@modilaicompany9 ай бұрын
Yes, you can.
@thedude240411 ай бұрын
Anyone with a right mind please no website builder makes 3,000 an hr... He is making clickbait and this is why we report these types of KZbinrs...
@RFixZone11 ай бұрын
Sure he is making 80,000 a day. This is why he makes youtube videos. 🤣🤣
@johnhardaway173511 ай бұрын
Haha definitely a bit misleading, but I believe what he is trying to say is that as a web developer, you are able to charge 3000$ for website (which is not uncommon at all) and that now with AI it only takes about an hour of work to develop that site.
@gnentrepreneur11 ай бұрын
How long will take for real, average
@johnhardaway173511 ай бұрын
@@gnentrepreneur depends, but web development can take days to weeks depending on how complex the project is.
@FH-tx5zk10 ай бұрын
No you're just uneducated. He's saying you can build a website in an hour which means you can charge $3000 to create one. Get it?
@dabhandmarketing Жыл бұрын
This is seriously dopeee! Love it - huge time saver
@peterjohansson7399 ай бұрын
If you have Relume and Webflow, why is Figma necessary?
@ben_hayward Жыл бұрын
This looks awesome! It would be really cool to see AI also be able to implement the design aspects one day too, if it was provided with a colour scheme, font styles, imagery etcetera.
@hafizmuhammadtalhasiddique7432 Жыл бұрын
Its already there...
@randyjackson226911 ай бұрын
Where? @@hafizmuhammadtalhasiddique7432
@leizaharpur989910 ай бұрын
It sure is already here 🔥
@JulianHibbert Жыл бұрын
Pricing down means a downward spiral! No one wins!
@BryanMull Жыл бұрын
It will only be a matter of time
@cassandradesrosiers770710 ай бұрын
Great video! Do you recommend doing Relume to Webflow over Figma to Webflow? Is there a way to use both? I would hate to do all that styling over again.
@rhaney5 ай бұрын
awesome video!!!! The whole styling thing is just not for me so my question, does either webflow or Figma have themes (similar to wordpress) and if so do you happen to have a video explaining how I can create the wireframe and connected it to a premade theme? Yes, I know I can google it but when I am learning new things, I like to pick one source so congrats on being my one source LOL - Great video and thanks again!
@poface2 Жыл бұрын
Can you copy and paste the whole adjusted style guide from figma to webflow? This would be such a time saver.
@TerenceKearns5 күн бұрын
Is there a viable workflow to use this with penpot?
@plaidmustache11 ай бұрын
Why did you style it in relume, if you had to go in webflow and also manually style it there?
@iAdeelSohail5 ай бұрын
Hello Jesse, Thank you so much for this video. I liked it. I have a couple of questions for you and I would love if you can answer me in detail. I am someone who has no experience in coding, designing, and development. I am someone who has done SEO on WordPress websites only. Even on that platform I never had any development experience. So my questions are. 1. Is this video for someone who has zero experience in coding, designing and development? 2. I am not sure if you were using the free versions of Webflow and Relume, as you just showed us developing 1 page. Considering if I want to start my agency I have to purchase both of these tools? 3. Lastly, if I am purchasing Relume, do I still have to purchase Figma or can I work over free version? The Reason to ask you is that I am from a third-world country where a Dollar costs around Rs. 280. I want to start my agency but I have a very limited budget. Please help me with this. Please Be Honest. Your expert advice will help me in making decisions. Thanks
@denniszenanywhere9 ай бұрын
Why does Figma not generate my Relume AI-created site? I am lucky to see a hero section rendered on Figma but not the rest.
@davidrivers273411 ай бұрын
It is good for a starting point or even for the one deal. But, it does mean, we designers need to re-think our sales strategy and comms process with clients.
@IreneDv110 ай бұрын
thnx for the video, reminded me other builder mobirise AI, though it is still in development
@boettgg12756 ай бұрын
So once your website is built and your happy... how do you 1) export this to your own domain and hosting service provider and onto what ? Do you place over a preinstall of WordPress?
@Juliendiesdegelendies11 ай бұрын
Awesome Tutorial mate!!
@sadepennbrook3 ай бұрын
Figma says I couldn’t preview the website because it needed at least one frame. I’m new to Figma. I know how to create a frame and put over the imported Relume wireframe but it just previews the whole wireframe like a big giant screenshot. Not sure if I have to frame every single section and every single component inside each section. Kindda tedious if that’s how it works. 😕
@lefthookouchmcarm4520 Жыл бұрын
What and where is the backend?
@jimhunt4507 Жыл бұрын
So what is your best way to go from Webflow to installing the theme in your WordPress site?
@larsfaye292 Жыл бұрын
It's called: coding
@xaratemplate Жыл бұрын
I used to think buying a mac was a scam until I bought one and saw the value. It all comes down to value perceived by client. AI is a tool and if it gets the job done in less time you get paid more. However you still need to review the output remember AI is not perfect and will make mistakes. Having expertise to review it is still critical. If you are some ignorant person thinking clicking a button and generating a website is going to get you rich I think you are making a mistake. When the client asks questions about website you need to explain what is happening and why things are setup in certain way.
@crimeunlimited Жыл бұрын
What can you do on a Mac that you CANT do on a PC?
@renzorlandin111 ай бұрын
Is this applicable is I web host on Kinsta? And can I make further changes via Wordpress/Elementor?
@DevinSmith Жыл бұрын
Great tutorial. Amazing to know this is possible, now. Question: do you use the Figma to Webflow plugin to push the design to Webflow once you’re done designing in Figma? P.S. Love the Sola Fide sign on the wall! Very cool! You reformed, per chance?
@thenorthorch6 ай бұрын
Fast and not good. That's what the future needs
@zappbrannigan9790 Жыл бұрын
Great video, very clear. What would you use to upload/host? Weblow right?
@reynoldsj9 ай бұрын
Insane. Thank you.
@sbthebrand66 Жыл бұрын
BRO!!! Where has this video been hiding? Just what I needed. Thanks for sharing this. Continued success!
@mikeburke199311 ай бұрын
how do the sites search well on Google? SEO work well like Wordpress?
@Sauceskiii Жыл бұрын
Does the input field work? Is it really a full functional website?
@valentingrimaud67999 ай бұрын
hey these tools are great, and I used to hate no-code (especially wordpress). how much does these tools would cost to put online a website ? as I am currently working on a project I was going with hostinger for a low budget but I am sort of attracted to these now 😂
@GreenTechRasta Жыл бұрын
You sir are a legend, thanks so much for sharing your knowledge 🤛
@mylezman15 ай бұрын
Does this allow you to "prototype" in Figma and will it transfer to webflow? I am having a hard time selecting a component, frame, or auto layout in the "prototype" section and "navigating to" another frame on "click" option; The drop-down is consistently blacked out or puts an "X" to any other component, frame, or auto layout. Does anyone have a fix or understanding?
@modernizemysite11 ай бұрын
This is amazing! Thank you!
@JesseShowalter11 ай бұрын
You're so welcome!
@EnlightenedHustlers Жыл бұрын
Amazing video! How is the process of selling the webpage look like after I finish the job in Webflow?
@dianafranco810 Жыл бұрын
This is Gold! 🤩
@adonishomefitness11 ай бұрын
Mind blown
@Gutbutton9 ай бұрын
Cool, you made a SaaS website for a Shaved Ice company.
@bane001476 ай бұрын
hi good morning how can i use relume to copy an entire website and make some changes where i see fit ?
@hunterfarang Жыл бұрын
Now way to move the existing design work in Figma to Webflow? Theres gotta be a way no?
@thjtddkbdhhdsa Жыл бұрын
yeah i have the thought too,can go strght to webflow right?
@whatta7793 Жыл бұрын
Could you create a PBBG (persistent browser based game) with this? All text, but you could battle monsters/level up/collect gold and stuff? Monster gets stronger, etc?
@cowl6867 Жыл бұрын
Lol no. This is AI trash. Still gotta learn to code in order to do that
@artblockchainmakeit4928 Жыл бұрын
export option only for figma and webflow? no other tools?
@erickperez16511 ай бұрын
Can I bring the page built over to hostinger?
@douglasallen5243 Жыл бұрын
Great Video! So now will you use Wix Studio or Webflow to build sites?
@ohyeah2477 Жыл бұрын
Resources for connecting finished Webflow to Django or other frameworks / backend - Possible Video Idea?
@bradzimmer239 Жыл бұрын
I know from personal experience that its very rare for clients to pay 5k for a website. Overall, there is no way they would pay 5k for a site created in 24 hours.
@whoismattkohn Жыл бұрын
FALSE!
@calebplumleeoutdoors Жыл бұрын
People will just say to do it in a day, wait 4, and charge them for 5... because people are all about being crappy for a buck. Pricing race to the bottom will clear out the opportunities very soon after
@chrisstucker1813 Жыл бұрын
Well of course not. It's just clickbait
@whoismattkohn Жыл бұрын
false. i've had dozens of clients pay 5K up to 40K for one site. they wou'dve gladly paid more for a faster site too@@chrisstucker1813
@alexatedw Жыл бұрын
@@whoismattkohnnah. He’s right on. I am a paid media manager at a marketing company that legit builds sites for clients. If they are paying 5k, you’d better be technically skilled because there will be issues
@centralviberecords5659 Жыл бұрын
You code a full website in 30 s wow with A I fully working make a Facebook clone in 1 minute 😮
@GabrielMartinez-ez9ue Жыл бұрын
Does this generate the code or just the design? I am now curious on what how to setup the backend for the contact section or auth.
@breath-of-fire Жыл бұрын
This looks cool! Anything like this for Wordpress??? I'm not a webflow guy. Thanks!
@pedromesquita850711 ай бұрын
is it possible to integrate this with backend like SQL database in order to show products or ML to suggest some products based on customer input? Nice video btw!
@beautifulmoments137510 ай бұрын
How is this better than a pre setup/reusable wordpress install with elementor, or useing wix? ( I dont know wix, possibly you can not download your sites, but besides that.) genuine question, how does this save any time agaist using any drag and drop website builder with templates? btw no hate at all, great video, overall, good style and presentation, fast..
@designed_by_skye10 ай бұрын
Do we need to send them a site map ?
@SiXiS4 Жыл бұрын
wait a minute so if edit relume design in figma, automatically sync in relume so u can upload that to webflow later ?
@wings545 Жыл бұрын
This is insane wow
@07sahil7 ай бұрын
are those images of shaved ice AI generated too?
@Uzodesign11 ай бұрын
This is a game changer. Thanks for sharing.
@perceptionz-de Жыл бұрын
Peter McKinnon loves the intro music
@ABX6789 ай бұрын
Will It Generate A Code After We Design The Web Page ??
@djWARRIOR Жыл бұрын
Can we do Same method with Framer instead of Webflow ??
@eddie341 Жыл бұрын
Does relume also work for creating community or social media type websites?