Google Stitch 2.0: Import Any Website's Design System Into Your AI-Generated App
Google just released a major 2.0 update to Stitch, their AI design-to-code tool. The biggest new feature is design system import — you can now point Stitch at any live website (like Stripe, Apple, ...

Source: DEV Community
Google just released a major 2.0 update to Stitch, their AI design-to-code tool. The biggest new feature is design system import — you can now point Stitch at any live website (like Stripe, Apple, or any site with a clean design), and it will automatically extract the colors, typography, borders, shadows, and spacing into a reusable design system. Then you apply that design system to any UI you generate inside Stitch, and it produces real, interactive, production-ready code using HTML and Tailwind CSS. Watch the Full Walkthrough Step-by-Step Breakdown 1. Generate a Dashboard from a Text Prompt Starting with a blank canvas in Stitch, you provide a simple text prompt describing what you want — for example, a modern SaaS analytics dashboard tracking revenue, active users, and churn rate with a sidebar and charts. Stitch uses the Gemini 3.1 Pro model to generate the entire layout natively in code. 2. Import a Design System from Any Website The generated dashboard looks decent out of the bo