Figma's AI builder that turns a prompt or your Figma design into a working app or site.
Website & App Builders
Google Stitch
Describe an app or website and get editable screen designs you can send to Figma or code.
4.3our rating
FreeWorks with Claude Code
Quick take
- Free from Google Labs. Describe an app or site, or upload a sketch or screenshot, and it designs several connected screens.
- Exports to Figma, HTML and CSS code, Google AI Studio and Antigravity, so the design doesn't stay stuck in Stitch.
- Has an official MCP server and Claude Code skills, so Claude can read your designs and build them for real.
- It makes designs, not a finished app. You still need a builder like Lovable or Claude Code to add logins and data.
- There's a monthly cap on generations and it's an experiment, so limits and features can change without much notice.
What is Google Stitch?
Stitch is a free Google Labs tool that designs app and website screens for you. Type what you're making, like "a booking app for a dog groomer", or upload a sketch, a screenshot or a site you like, and it lays out several connected screens on a big canvas. You can talk to it, type changes, or click through the screens as a prototype, and it suggests the next screen as you go.
When a design looks right, you can paste it into Figma as editable layers, copy the HTML and CSS code, or send it to Google AI Studio or Antigravity to turn it into a working app. It also has an MCP server (a connector that lets Claude use another app), so Claude Code can pull your Stitch designs and build them. Google publishes official Stitch skills for Claude Code on GitHub.
The catch: it designs screens, it doesn't build a working app with logins and a database on its own. The Figma export lands as fairly flat frames, and Google has changed the monthly generation limits before. Like any Google Labs experiment, it could change a lot or close.
Who's using it, and who it's for
- Founders
- Marketers
- Designers
- Product managers
- Developers
Founders, marketers and small business owners who want a professional-looking app or website design before paying a designer or developer.
Key features
Prompt to screens
Describe your app or site in your own words and it designs a set of connected screens with a matching style.
Start from an image
Upload a hand sketch, a screenshot or a site you like and it turns it into an editable design.
Canvas and voice
All your screens sit on one big canvas, and you can speak to it to ask for changes or a critique.
Clickable prototypes
Click through the screens like a real app, and it can suggest the next screen in the flow.
Export anywhere
Paste into Figma, copy the HTML and CSS, or send it to Google AI Studio or Antigravity to build.
MCP server and skills
Connect it to Claude Code with Google's MCP server and official Stitch skills so Claude can build from your designs.
How we rate it
4.3 / 5
Our rating
From using the tool ourselves. The average of the five scores.
- Ease of use
- 4.5
- Features
- 4.0
- Output quality
- 4.0
- Value for money
- 5.0
- Speed & reliability
- 4.0
How quickly someone non-technical gets value from it.
How completely it covers its own job, and how well the pieces fit together.
How good the results are before you fix them.
What you get for the price, including the free plan.
How fast it is and how often it falls over.
Google Stitch pricing
- Our pick
Free
Free
Everyone. There's no paid plan.
- A monthly allowance of design generations
- Figma and code export
- MCP server access
- Needs a Google account
Which plan should you pick?
There's only the free plan. Sign in with a Google account and start designing. If you hit the monthly cap, wait for it to reset next month.
Prices in USD unless noted, checked 3 November 2026. Vendors change plans often, so confirm on their site before you buy.
Best use cases
Ways Google Stitch can slot into your week.
- 1
See your app idea before you build it
Describe the app, get the key screens, and show them to a few customers before spending money on a developer.
- 2
Design a landing page
Give it your offer and brand colours, pick the layout you like, then copy the code or rebuild it in your site builder.
- 3
Brief Claude Code properly
Connect the Stitch MCP so Claude Code reads your screens and builds the real app to match them.
- 4
Refresh an old site
Upload a screenshot of your current site and ask for a cleaner, more modern version.
How it fits your tech stack
It sits at the start, before your builder. Design the screens in Stitch, then build them with Claude Code, Lovable or Google AI Studio, or hand them to a designer in Figma to polish.
Connects to
- Figma
- Google AI Studio
- Antigravity
- Claude Code
- Gemini CLI
- Cursor
Pros and cons
Pros
- Completely free
- Good-looking screens from a short description
- Exports to Figma and to code
- Official MCP server and Claude Code skills
- Accepts sketches and screenshots as a starting point
Cons
- Designs screens only, so you still need something to build the working app
- Figma export comes out as flat frames, not tidy components
- Monthly generation caps have changed before
- A Google Labs experiment, so it could change or close
Google Stitch alternatives
The closest alternatives to Google Stitch in the library, best rated first.
Shopify
4.4
Best for launching an online store
Compare with Google Stitch
Lovable
4.2
Best for first versions of a product (MVPs)
Compare with Google Stitch
Framer
4.1
Best for startup marketing sites
Compare with Google Stitch
Squarespace
4.1
Best for professional sites for service businesses
Compare with Google Stitch
Why it made the list
It's the best free way to turn an app or website idea into polished screens, and it hands the design straight to Figma or Claude Code.
Google Stitch FAQ
How much does Google Stitch cost?
It's free to use. Prices checked 3 November 2026 against Google Stitch's pricing page.
Is Google Stitch free?
Yes, Google Stitch has a free option. There's only the free plan. Sign in with a Google account and start designing. If you hit the monthly cap, wait for it to reset next month.
What is Google Stitch best for?
Google Stitch is best for designing app screens from a written idea, mocking up a landing page before you build it and getting a design Claude Code can build from. Founders, marketers and small business owners who want a professional-looking app or website design before paying a designer or developer.
What are the best Google Stitch alternatives?
The closest alternatives are Shopify, Lovable, Framer and Squarespace. Shopify is best for launching an online store.
More tools in Website & App Builders
Turns a prompt, screenshot or hand sketch into an editable app or website mockup.
Turn a sentence, screenshot or Figma file into a polished web page you can publish.
Describe a deck, one-pager or prototype and get a polished, on-brand version.