In this video, I share my recent experiments with various AI tools to create a complete website prototype for a fictitious landscape gardening company.
I demonstrate how tools like Relume for wireframing and Sora for generating realistic, on-brand images can streamline the prototyping process, especially when working with clients who lack prepared assets.
I walk through the steps of creating sitemaps, style guides, and AI-generated visuals, culminating in the final build using Bricks—all while ensuring design consistency and professional quality.
Want a full start-to-finish tutorial? Let me know in the comments!
Tools Covered:
– Relume (Wireframes & Style Guides): https://www.relume.io/
– Sora (AI Image Generation): http://sora.com/
– Bricks (Website Builder): https://jo.my/bricks
#WebDesign #AItools #Relume #SoraAI #BricksBuilder #WPTuts #Prototyping #ClientWork #AIdesign
Take your WordPress website and skills to the next level!
► The Essential Web Designer’s Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you’ll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer’s Documents Pack Now: https://links.wptuts.co.uk/ewdd
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: https://jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: https://jo.my/etafyp (WPTUTS for 20% off – Exclusive)
✅ Flowmattic: https://jo.my/flowmattic (WPTUTS for 20% off annual plans)
✅ Clickwhale: https://jo.my/clickwhale (WPTUTS20 for a 20% discount on all plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Kinsta: https://jo.my/l4o7ok
✅ Hostinger: https://jo.my/92dmbb
✅ CloudWays: https://jo.my/1feeng8
✅ SiteGround: https://jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: https://jo.my/1s0t2s2
✅ Bricks Builder: https://jo.my/bricks
✅ Brizy Pro: https://bit.ly/2Ji97r8
✅ GenerateBlocks: https://jo.my/xotgcy
✅ DIVI Page Builder: http://bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: http://bit.ly/2Ydn1SE
✅ Blocksy: https://jo.my/y67ten
✅ DIVI Theme: http://bit.ly/2G8JMiA
✅ Astra Pro: http://bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: https://jo.my/0jdh2j
✅ Crocoblock: https://jo.my/croc
✅ CSSHERO: http://bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: https://jo.my/seopress
► SUBSCRIBE ◄
http://bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: https://twitter.com/WPTutz
👉 Facebook Group: https://wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk
20 Comments
Hey, I’d absolutely love to see a full tutorial where you take that blueprint you’ve already shared and really bring it to life — step by step. From the design process (maybe using some AI tools and Figma?) all the way to a clean WordPress install, showing how to properly use Bricks with a solid, pre-established design system. I know that might be a lot to ask for a free video… but hey, dreaming is free, right? 😄 Thanks for all the value you already share — it’s super appreciated!
Great video Paul, thank you! As usual, on point and useful information for real world usage.👍
Great as usual, but the title is a bit misleading since the video mainly focuses on how to use Sora.
Yes please, I need a full tutorial as you mentioned. Thank you in advance!
Yes, please! I'd definitely be interested in a full start-to-finish tutorial showing how you go from wireframing all the way to building it out in Bricks Builder.
Tell me more about “Landsgaping” 😂 other than that it looks great. I used to pay for Relume but it kind of felt half-baked, the new styling section looks like it could be a game changer for prototyping though! Thanks Paul
Is it possibile to export in plain HTML and CSS and include it in a page builder like livecanvas?
Luv the style guide! 🎉
Cool stuff!
FACT: Paul is AI! 🤣
Yes, absolutely to a full tutorial. Not that I can afford these tools, but no harm learning about them.
Yes full tutorial please!
Seeing the workflow, as you mentioned in the beginning, would be wonderful. I'll vote YES, please!
Yes please, create that video
Hit thumbs up three times, does not work with the other one……😂…some things never change
yes! Thank
Yes, interested in seeing the entire AI workflow!
Yes, please! The full tutorial is very welcome
Yes! Please!
I would love a full tutorial from start to finishing using AI.