Uploaded March 2026 | Updated September 2026, 2 weeks ago

---

*Get Matt's free Vibe Design Guide:* clickhubspot.com/qgk
Google Stitch tutorial: Matt Wolf walks through how to build a custom landing page using Google's free AI design tool, then exports it to Google AI Studio to code and publish it. Full step-by-step demo from prompt to live website.

In this episode of Marketing Against the Grain, Matt shows you the complete Google Stitch to AI Studio workflow. He redesigns his Future Tools website from a single prompt, creates split-test headline variations using voice commands, builds an AI model comparison dashboard from scratch, and demonstrates how to go from design to published site on Google Cloud. If you need landing pages, sales pages, or marketing sites and don't have a designer or developer, this is the free tool to watch.

📌 WHAT YOU'LL LEARN:
→ What Google Stitch is and how it works (Google's free Figma alternative)
→ How to design a full website from one text prompt
→ Auto-generated style sheets, color palettes, and typography
→ Creating split-test variations with voice commands
→ Building a dashboard with AI-generated data
→ Exporting designs from Stitch to Google AI Studio
→ Coding a functional prototype in AI Studio
→ One-shot filtering and sorting functionality
→ AI-generated predictive heat maps
→ Publishing your site to Google Cloud Platform
→ Google Stitch vs Lovable vs V0: how they compare

🎙️ Host: Kipp Bodnar (HubSpot CMO)
🎙️ Guest: Matt Wolf (Future Tools, AI content creator)

⏱️ CHAPTERS:
0:00 — Introduction: What is Google Stitch?
0:25 — Google Stitch explained: Vibe Design for marketers
1:00 — Demo: Redesigning Future Tools in one prompt
2:00 — AI-generated style sheets and color schemes
2:30 — Split testing headlines with voice prompts
3:00 — Design variations: bold, warm, and professional
3:30 — Building an AI model dashboard from scratch
4:30 — Can Google Stitch pull real-time web data?
5:30 — Feeding external data URLs into Stitch
6:30 — Exporting from Stitch to Google AI Studio
7:00 — Predictive heat maps and click analysis
7:30 — Matt Wolf's honest review of Google Stitch
8:00 — Multi-page site building with consistent design
8:45 — One-shot filtering (the most impressive moment)
9:15 — How to publish on Google Cloud Platform
9:45 — Google Stitch vs Lovable vs V0
10:15 — Full workflow recap: Design → Code → Publish
#GoogleStitch #GoogleStitchTutorial #VibeCoding #AIWebDesign #AILandingPage #GoogleAIStudio #MattWolf #FutureTools #MarketingAgainstTheGrain #FreeAITools #NoCodeWebsite #AIForMarketers #VibeCoding2026 #AIDesignTool #LandingPageBuilder

Ep. 413
Mentions
Matt Wolfe ⁠linkedin.com/in/matt-wolfe-30841712/⁠
Future Tools ⁠futuretools.io/⁠
Google Stitch ⁠stitch.withgoogle.com/⁠
Google AI Studio ⁠aistudio.google.com/⁠
Figma ⁠figma.com/⁠
vibe design ⁠https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/⁠
ClickFunnels ⁠clickfunnels.com

Host Links:
📲Kipp Bodnar, twitter.com/kippbodnar
📲Kieran Flanagan, twitter.com/searchbrat

‘Marketing Against The Grain’ is a HubSpot Original Podcast // Brought to you by The HubSpot Podcast Network // Produced by Darren Clarke.

About the Show
Kipp Bodnar, HubSpot’s CMO and Kieran Flanagan Hubspot's SVP of Marketing, lead you down the rabbit hole of marketing trends, growth tactics and innovation. On the way you’ll pick up undiscovered strategies to give you that slight edge for success. These are not your typical twitter thread regurgitated marketing tactics that everyone is doing. These are new methods, with unfiltered examination of successful fresh ideas.