Relume AI Website Builder | $3,000 an hour
Вставка
- Опубліковано 23 жов 2023
- The new AI Relume library site builder is revolutionizing the way websites are created. With its advanced artificial intelligence technology, Relume AI with Webflow offers a seamless and intuitive experience for building stunning websites. From dynamic layouts to interactive elements, this powerful tool empowers designers and developers to bring their visions to life. Discover the future of web design with Relume AI and unlock endless possibilities for your online presence.
🖥️ ////////// Try Out Relume
library.relume.io/?via=jesse
#relumeai #webflow #aiwebdesign #websitedesign #webdevelopment
------------------------------------------------------------------------------------
🤝 //////////// Become a UI designer in 30-Days
30dayui.com
🏆 //////////// Join my member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.io/plans?ref=jesse
🖥️ ////////// I Build websites in Framer
framer.link/jesse
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
Love that you found Relume. Would also love if you did a video of you designing from their components.
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.
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.
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.
This is the most underrated comment on this video. I feel your pain my friend lol
This! I hate the design part, but I love the implementation. Super excited about this
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 😅🎉
This is what a smart person would say. Thank you for being one sir.
100% agree!
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.
To add- not free export Wireframe to Figma, and export Wireframe to Webflow. Provided under the Starter Plan $38mo. Or $384 yrly
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.
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.
i dont understand how people wont pay for a service, especially one as cheap as 32$ 😢
@@zentai5076 Some of us are living in 3rd world countries
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.
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.
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!
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.
This is seriously dopeee! Love it - huge time saver
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.
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
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
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.
@@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
@@muhammadbacar6051 Frontend is full-stack with a focus on frontend, UI / UX
*static FE devs. Frontend devs will be fine.
You sir are a legend, thanks so much for sharing your knowledge 🤛
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?
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.
Its already there...
Where?
@@hafizmuhammadtalhasiddique7432
It sure is already here 🔥
How haven't i heard of the AI release for relume --> thanks for the awareness!
You just changed the game for me ❤️‼️
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.
This is Gold! 🤩
A big warning on this, you need to edit the wireframes for around three days to get a decent results
True, so far with AI all i have found is it ends up taking the same amount of time.
easier to use squarespace tbh lol
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. 😅❤😊
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!
Glad it was helpful!
@@JesseShowalter Indeed 😎😊
Great video, very clear. What would you use to upload/host? Weblow right?
Absolutely awesome maaaaaaaaaaaaaaan, thanks a bunch
I tried it with a customer website and it's amazing. To be fair i tried it now (3 months later)
Great Video! So now will you use Wix Studio or Webflow to build sites?
Awesome Tutorial mate!!
thnx for the video, reminded me other builder mobirise AI, though it is still in development
Insane. Thank you.
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.
You had me on the first site but then it becomes complicated again. Wish there was simple ways to get to the design part.
BRO!!! Where has this video been hiding? Just what I needed. Thanks for sharing this. Continued success!
🔥🔥🔥
Can you copy and paste the whole adjusted style guide from figma to webflow? This would be such a time saver.
Amazing video! How is the process of selling the webpage look like after I finish the job in Webflow?
According to your experience with this, would you still go through Figma or skip it entirely and do the styling immediately in Webflow?
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.
This is amazing! Thank you!
You're so welcome!
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?
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 😂
wait a minute so if edit relume design in figma, automatically sync in relume so u can upload that to webflow later ?
you are my inspiration , i wish to be you student , God bless you.
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?
i use divi as well. i tried using webflow. but holy cow it's a little too complex for me
This looks cool! Anything like this for Wordpress??? I'm not a webflow guy. Thanks!
This is insane wow
Thanks!
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.
Hey Jesse thanks for the tip but most of all for the hidden message in the back 😉
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!
Does anyone know what (if any) grid system this follows? Look like it gives an art board of 1440px, but no 1120px grid etc.
Thank you
Is this applicable is I web host on Kinsta? And can I make further changes via Wordpress/Elementor?
Mind blown
it is so helpful 👍
Peter McKinnon loves the intro music
Does the input field work? Is it really a full functional website?
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 😂
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?
Does relume also work for creating community or social media type websites?
Looks impressive. What’s the cost for all the different programs needed?
Why did you style it in relume, if you had to go in webflow and also manually style it there?
Is it automatically a responsive layout in figma?
You code a full website in 30 s wow with A I fully working make a Facebook clone in 1 minute 😮
game changer
Resources for connecting finished Webflow to Django or other frameworks / backend - Possible Video Idea?
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.
export option only for figma and webflow? no other tools?
Would be amazing if this could export to adobe creative suite :)
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..
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.
I created them
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.
Nice!
I got a problem on Webflow when I'm doing the modifications on the Style Guide, it doesn't apply on the Home page, like if it wasn't linked up to each other. Does anyone has a solution ?
Then its not connected. Check your classes
So what is your best way to go from Webflow to installing the theme in your WordPress site?
It's called: coding
@JesseShowalter this is great content. Can you refer me to someone who I could hire to execute on what you outlined in the video to build a website for my solar company? TIA
Cool, you made a SaaS website for a Shaved Ice company.
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?
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.
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.
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!…
Great
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?
dammn fool there are two methods to do that mf
he explained that lol
What if i already have a webflow project created how can i clone the relume
Cool soon there will be UA-cam AI. I just hit generate and get entertained by AI. No need to subscribe or follow any content creators anymore. Wohooo!
Can I bring the page built over to hostinger?
Not sure if this makes me excited or sick
how do the sites search well on Google? SEO work well like Wordpress?
Can we do Same method with Framer instead of Webflow ??
Pricing down means a downward spiral! No one wins!
It will only be a matter of time
What and where is the backend?
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?
Lol no. This is AI trash. Still gotta learn to code in order to do that
how do u grab all the buttons at once
Do we need to send them a site map ?
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.
un capo el jesi
If you have Relume and Webflow, why is Figma necessary?
sending design work too fast can also be bad for business depending how much you charge some will suspect they dont understand the value
Fast and not good. That's what the future needs
Will It Generate A Code After We Design The Web Page ??
Also, can I somehow link this to wordpress?
This is a game changer. Thanks for sharing.
What about the code of website like HTML, CSS and JS?
laughed so much when you said "what is this dark web design" 🤣
🤣🤣🤣
how much do we pay to access this tools