🧑‍🎓 Join the FREE 7 Day App Build Challenge @ https://www.skool.com/learntovibecode
🚀 Join my community to build and design incredible apps with AI @ https://www.skool.com/aiapps/about

Google just dropped the biggest design update the AI world has seen this year - Google Stitch. Not only does Google Stitch allow you to create incredible app and website design from natural language with an incredibly powerful AI design agent.

But it also introduces a whole new paradigm for creating design systems with AI, DESIGN.md

In this video I break down why DESIGN.md matters so much, how to create amazing designs with Google Stitch, and how to use DESIGN.md to transfer your design system from Google Stitch into your app project using Claude Code.

Chapters:

00:00 Introduction to Google Stitch's latest release and the new design paradigm.
01:05 Explaining the significance of design.md for maintaining styles in code.
03:59 Demonstration begins: using screenshots of a basic app to generate new designs in Stitch.
06:30 Exploring the auto-generated design system and the design.md markdown file.
09:50 Iterating on the design by prompting changes to the color palette.
11:22 Copying the design.md file into the project to be used by Claude Code.
12:28 Walkthrough on how to set up the Google Stitch MCP with an API key.
16:05 Using the Stitch MCP to get Claude Code to match the exact screen layout.
17:48 Reviewing the redesigned app and noting the differences from the Stitch design.
19:46 Final verdict on the new Stitch design.md paradigm and its potential.

Follow me on social:
https://www.linkedin.com/in/ashbychris/
https://x.com/chris_bgp

YouTube

A walkthrough of using Google Stitch's new design systems feature (design.md) alongside Claude Code to redesign an existing vibe-coded app. The workflow involves uploading app screenshots to Google Stitch, generating a professional dark-mode UI with a custom design system, exporting the design.md file into the codebase, and using Claude Code (with the Google Stitch MCP) to apply the design language across the app. The result isn't pixel-perfect but provides a strong foundation for maintaining consistent design styles in AI-built apps.

Google Stitch + Claude Code = Insane App Design