Using AI to Design a Website (Relume AI Website Builder)
Рет қаралды 11,515
Күн бұрынFree Webflow cloneable: webflow.com/made-in-webflow/w...
Try out Relume AI: relume.io/?via=rafael
👋 Hey there, I'm Rafael, a freelance Webflow expert and designer. Today, we're diving into the future of web design with a hands-on tutorial. We will use AI to design a full website with Relume AI Website Builder. If you're curious how to make websites faster and make more money, or you're just eager to explore the best website builders that leverage AI, this video is made for you!
🔥 What You'll Learn:
- The basics and benefits of using AI for website design.
- How to use Relume AI to generate site maps and wireframes quickly.
- Techniques for customizing AI-generated content to fit your needs.
- Strategies for making your design process more efficient with AI tools.
- Tips for pricing your projects using AI-generated recommendations.
📌 Timestamps:
00:00 - Intro
00:29 - Accessing and Launching Relume AI Site Builder
00:53 - Generating a Sitemap with Relume AI
01:54 - Customizing the sitemap and Adding Pages
04:31 - Wireframing and using Relume Library
04:52 - Editing AI-Generated Content and Customizing Wireframes
08:21 - Export Options + Secret Pricing feature
10:13 - Designing in Figma Using Relume AI and Other Tools
17:15 - Finalizing the Design and Exporting to Webflow
18:32 - Adding Finishing Touches and Responsive Design in Webflow
24:08 - Conclusion and How Relume AI Saves Time and Boosts Efficiency
🛠️ Tools & Resources:
Figma: www.figma.com/
Webflow: webflow.com/
Relume AI: relume.io/?via=rafael
🔑 Keywords:
#websitebuilder #relumeAI #webflow #figma #figmatutorial #webflowtutorial #LandingPage #NoCode #FigmaToWebflow #RelumeIpsum #RelumeAndFigma #RelumeWebflow #RelumeLibrary
👍 Found this video helpful? Hit like, subscribe for more insights into AI and no-code web development, and ring that bell for notifications. Share your thoughts or questions about using AI in web design in the comments below. You might just be featured in the next video. Catch you in the next tutorial!
@billscheider9970 21 күн бұрын
Thanks Rafael. I've been wanting to look into Relume but kept pushing it down the list! This video got me motivated and I signed up. Great content.
@rafaelrabl 20 күн бұрын
Nice, glad to hear I could help! Relume has been a big help ❤️ Let me know if you have any questions.
@akbarbadsha25 Ай бұрын
Really great tutorial brother. Expecting more detail video from client brief to relume and figma detail design and to webflow ❤🥰😇👌
@rafaelrabl Ай бұрын
Thank you 🫶 detailed video on client process/workflow coming right up!
@berndkusen2717 Ай бұрын
Thank you for this helpful video!
@rafaelrabl Ай бұрын
Glad you found it valuable 🫶
@paul3857 5 ай бұрын
This is mindblowing, whats possible whith it. Thanks for the tutorial
@rafaelrabl 4 ай бұрын
I agree. Times are changing fast, so much to learn! Appreciate it 🫶
@verenam.2833 3 ай бұрын
Hallo Rafael, danke für diese Einführung. Jetzt sieht es aber so aus, als ob die vielen schönen Components aus der Library gar nicht im SiteBuilder ansteuerbar sind. Ich habe mir nun extra die Lizenz dafür besorgt und jetzt geht das nicht… oder hänge ich irgendwo? Zum Beispiel die Components zu "Long Form Content". Hast du eine Idee?
@claudiopadillahernandez2706 4 ай бұрын
Why did you exported it to Figma in the first place, at the end you didnt even use it, I mean, how does Figma work with webflow ?
@rafaelrabl 4 ай бұрын
Great question! The main idea here is that a lot of times you want to explore multiple design directions before actually building the site. Especially if you have feedback loops with your client, it’s way easier to adapt details in Figma. Once the design is finalized, you would move to the build phase and start in Webflow. There’s the Figma to Webflow plugin which makes this transition even easier. Hope this helps :)
@MrChrisJ74 2 ай бұрын
What is the font you ended up using? Hope its free :)
@rafaelrabl 2 ай бұрын
It‘s called Agrandir. There should be a free version for personal projects at Pangram Pangram!
@getrelax893 3 ай бұрын
One day wasted nothing when export to Figma it`s asking upgrade
@iliutacristian8322 Ай бұрын
800$ per Section is crazy
@rafaelrabl Ай бұрын
Sounds like much, but when you sell a full website project for like 20k it can be reasonable. Especially if it’s a big company…
@Divyv520 4 ай бұрын
Hey Rafael , really nice video ! I was wondering if I could help you to grow your channel by providing you with Seo Optimization , Highly Engaging Thumbnail + Video Editing which will 100% help your videos to reach to a wider audience ! Please Lmk what do you think ?
@harshneolia8841 5 ай бұрын
Is it paid?
@rafaelrabl 5 ай бұрын
They have a free plan that has all the AI tools and everything you need for creating a sitemap and wireframe like in the video :) If you want to use the full library with Webflow, you will need to upgrade though. But worth it if you have to build lots of sites for clients.
@user-Ef6op8qz7f 4 ай бұрын
Please make a video on how to send data[like image, name, price, and description I mean product details] in Firebase through the web flow 🥲🤔😭😢😭😭😭please make this video early because I need it 🥺
@rafaelrabl Ай бұрын
Have you tried looking into automation apps like make.com or Zapier?
@helpme2853 4 ай бұрын
Should a beginner becomer framer developer at the place of webflow developer?
@rafaelrabl 2 ай бұрын
Both tools have their advantages. Webflow is right now the better choice in my opinion since you can build more complex and functional sites.
QAZSPORT TV / ҚАЗСПОРТ TV
Рет қаралды 615 М.