From AI Images to Live Website in 1 Hour

High-quality assets are essential to creating world-class websites. In this guide, we'll show you how to generate AI images for your site—including photos, illustrations, backgrounds, and decorative elements.

🤖 AI tools used

• Relume: AI Site Builder - https://www.relume.io/?via=yt
• Midjourney: AI image generator - https://www.midjourney.com/home
• Krea: All in one AI asset tool - https://www.krea.ai/
• Topaz: AI video editor - https://www.topazlabs.com/topaz-video-ai

FOLLOW RELUME

TikTok: https://tiktok.com/@relumedesignleague IG: https://instagram.com/relume.io LinkedIn: https://linkedin.com/company/relume X: https://x.com/@relume_io
Figma: https://www.figma.com/@relume Webflow: https://webflow.com/relume

⏰ Timecodes ⏰

00:00 Intro 1:25 Personalize feature in Midjourney 7:00 Wireframe Build in Relume 10:20 Generating Real Images 18:38 Choosing fonts 19:50 Generating illustrations 27:22 Generate styles in one click 29:18 Designing Concept 1 38:19 Designing Concept 2 53:24 Importing to Webflow 1:11:37 Generating AI video 1:21:17 Wrapping up

#aidesign #webdesign #chatgpt #branding #aiimages