Vigyata.AI
Is this your channel?

Claude Design Builds Beautiful 3D Websites Instantly (full tutorial)

31.4K views· 1,113 likes· 35:05· Apr 21, 2026

🛍️ Products Mentioned (6)

Full courses + unlimited support: https://www.skool.com/ai-automation-society-plus/about?el=claude-design-websites All my FREE resources: https://www.skool.com/ai-automation-society/about?el=claude-design-websites Apply for my YT podcast: https://podcast.nateherk.com/apply Work with me: https://uppitai.com/ My Tools💻 FREE MONTH voice to text: https://get.glaido.com/nate Code NATEHERK for 10% off VPS (annual plan): https://www.hostinger.com/vps/claude-code-hosting I used Claude Design to rebuild my AI Automation Society site and my personal site in about 20 minutes each, and the results felt way more polished than what I had before. In this video I walk through the full process of going from an idea to a deployed website, including how to plan with Claude, use Claude Design's tweaks and comments, push everything to GitHub, and host it on Vercel. I also break down what actually eats your usage limits so you can stretch every session a lot further Sponsorship Inquiries: 📧 nate@smoothmedia.co TIMESTAMPS 0:00 What We're Building 1:41 Planning the Brand 4:13 Live Build in Claude Design 8:15 Inspiration from Motions.ai 10:24 Tweaks & Iteration 14:06 Grab my FREE Skills 14:48 Back to the Build 19:23 Deploying with GitHub & Vercell 25:44 Mobile Optimization 27:04 Stretching Your Limits

About This Video

In this video, I show you how I’m using Claude Design to build websites that feel way more polished—fast. I rebuilt my AI Automation Society site and my personal site in about 20 minutes each, and the big difference is the “scroll journey” vibe: interactive, 3D-ish cards, dynamic scenes, and a site that feels like you’re moving through a story instead of reading a boring landing page. I also talk about the reality of limits—because I’ve already burned through my design quota and spent extra usage just experimenting—so I’ll show you how to iterate without draining your session. We go step-by-step from idea → brand plan in Claude chat → generating a hero background image/video (I use key.ai with Nano Banana 2 + Cance 2.0) → building inside Claude Design with sketches, uploads, comments, and inline edits. Then I show how to use the tweaks panel to explore palettes, accents, fonts, spacing, and layouts without sending prompt after prompt. Finally, I export the project, bring it into Claude Code, push it to GitHub, and deploy on Vercel—plus how I troubleshoot a 404 when the first deploy doesn’t work. The takeaway: build in sections, iterate visually, and keep your workflow clean from prototype to production.

Frequently Asked Questions

🎬 More from Nate Herk | AI Automation