In this video, I walk you through my exact workflow for quickly creating professional website prototypes you can share with clients.
From generating sitemaps and wireframes using tools like Relume, to creating AI-generated imagery and setting up your WordPress Blueprint site with Bricks and Core Framework — you’ll see how to go from concept to functional prototype in under an hour.
Tools Covered:
– Relume
– Figma (optional exports)
– Bricks Builder
– Brixies (wireframe components)
– ChatGPT/Sora (AI image generation)
– Google Web Fonts Helper
– Core Framework
– Advanced Themer
If you’re a freelancer or agency looking to speed up your workflow, impress clients, or build your portfolio — this is the video for you.
#WebDesign #BricksBuilder #Prototyping #WordPress #UXDesign #WPtuts
00:00 – Introduction to the video
02:34 – Building a website sitemap with AI
04:27 – Automated website wireframing in seconds
07:32 – Building with the new Style Guide
10:07 – The final design mockup
10:51 – Creating AI images for our prototype website design
11:37 – Deploying my blueprint website in under 2 minutes!
12:26 – Downloading optimised fonts for the website
13:10 – Previewing the new AI images
14:06 – Building the prototype in Bricks Builder
21:23 – Adding a custom font to our design
26:02 – Adding custom SVG icons
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