Google Stitch: What It Is, What It Does, and How to Get Started

Google just launched Stitch, a free AI design tool that turns plain English into high-fidelity web and app designs. Describe what you want, and it builds it. Talk to the canvas with your voice, and it updates the design as you speak. Here is how to get started and make the most of it.

Go to stitch.withgoogle.com and sign in with your Google account. There is no credit card, no waitlist, and nothing to install. You land straight on a blank canvas.

Type a description of what you want in the prompt field. The more specific you are about the purpose, content, and audience, the better the result.

Try this:

Stitch generates a complete, polished design you can work with immediately.

More prompts to try:

Customisation: swap in your own business type, colour preferences, or specific sections. The more detail you give, the closer the result will be to what you need.

This is where Stitch stands out. Instead of describing exact layouts, describe the mood or aesthetic you want. Stitch generates multiple design directions that match.

Try this:

Stitch produces several variations. Pick the one closest to what you want, then refine from there.

Click into Voice Canvas mode and start talking to your design. The AI listens, asks clarifying questions, offers real-time feedback, and updates the layout as you speak.

Examples of what to say:

Voice Canvas is hands-free, so you can brainstorm without stopping to type. Useful when you are iterating quickly or exploring different directions.

After Stitch generates a design, you can manually adjust text, swap images, and tweak spacing without re-prompting.

Click on any text element to rewrite it. Drag elements to reposition them. This lets you polish the details after the AI has done the heavy lifting on layout and structure.

If you have generated multiple screens (a homepage, pricing page, and signup form, for example), you can connect them into an interactive prototype.

Select the screens you want to link. Define the transitions between them. Click Play to preview the full user journey as if it were a live website or app.

Stitch can also auto-generate logical next screens. Design a login page and it will suggest what the home screen should look like based on the style and content of your existing screens.

You have three export options:

Figma export: Paste your design into Figma with full Auto Layout structure and editable layers. This is not a flat image. You get proper layers you can continue working with, making it easy to hand off to a designer or developer.

Website code export: Every design generates clean, responsive HTML and CSS you can use directly on a website. Useful if you need a working page quickly and do not have a developer.

Google AI Studio: Connect your design to Google's development tools to add backend logic and turn a static page into a functioning application.

Generate a complete landing page for a new product or service in minutes. Export the code and have a working page live the same day, or send the Figma file to a developer for final polish.

Build client mockups and prototypes during the initial pitch phase. Present multiple design directions without spending hours in Figma first.

Create landing page variations for A/B testing campaigns. Generate designs for seasonal promotions, event pages, or lead capture forms quickly.

Prototype an app concept to show investors or co-founders. Connect multiple screens into a clickable demo without writing any code.

Start with a single page. Describe something your business actually needs, like a landing page for a service, a pricing page, or a simple portfolio. Export it to Figma for refinement or grab the code and put it live.

Once you are comfortable with how prompts translate to designs, try Voice Canvas for faster iteration and vibe design for exploring creative directions you might not have considered.

Start with these prompts: