Google Stitch MCP servers: which one to use
Use Google's own hosted Stitch server with an API key; there is nothing to install. Pick a community server only for its extra design tools.
- Servers
- 10
- active
- Official
- 1
- by Google Stitch
- Hosted
- 1
- nothing to install
- Local
- 6
- runs on your machine
Google runs an official Stitch MCP server, so you do not need to install anything. It lets your coding assistant list your Stitch projects, generate screens from a prompt, edit them and make variants. The community servers talk to the same Stitch service and add things like design-system export, accessibility checks and setup wizards. They are small projects, with 1 to 121 stars.
Good for
- Developers who want Cursor, Claude Code or Gemini CLI to pull Stitch screens into their code
- Designers who want to generate and iterate on UI screens from a prompt
- Teams that already use Google Cloud sign-in and gcloud
- Builders who want design tokens and accessibility checks on top of Stitch
Which Google Stitch MCP server to use
Use Google's hosted server unless you have a reason not to. Choose stitch-mcp-auto if you want a setup wizard and extra design tools, or stitch-pro-mcp for design systems and React, Vue or Svelte output.
| Server | Official | Runs | Sign-in | Extra tools | GitHub stars |
|---|---|---|---|---|---|
| For Google Stitch | |||||
| Google StitchThis page | Yes | Hosted | API key | – | – |
| stitch-mcp | No | Local | Google Cloud login | – | 121 |
| Stitch MCP Server | No | Local | API key | – | 1 |
| Other tools for the same job | |||||
| stitch-mcp-auto | No | Local | Google Cloud login | 19 | 31 |
| stitch-pro-mcp | No | Local | API key | 18 | 9 |
All Google Stitch MCP servers
10 active · 1 official · official first, then by GitHub stars
- Stitch MCP ServerOfficialHostedAPI key
Google Stitch's hosted MCP server: generate UI screens and pull their HTML and screenshots into coding agents, using a Stitch API key.
stitch-mcpLocalUniversal MCP server for Google Stitch - AI-powered UI/UX design tool. Works with Claude, Cursor, Antigravity, and any MCP-compatible AI.
121 GitHub stars- claude-skill-stitch-design
Claude Code skill for automating UI prototyping with Google Stitch via MCP
9 GitHub stars - stitch-mcp-cliLocal
Google Stitch MCP server + CLI: export UI designs to React, Vue, Svelte, Next.js and 5+ frameworks, with auto-config for Cursor, Claude Code, OpenCode and VS Code.
3 GitHub stars - stitch-mcp
Go MCP server for Google Stitch with resilient screen generation and automatic gcloud authentication
3 GitHub stars - stitchMCP
Local MCP server that wraps Google Stitch APIs into callable tools via stdio. Forwards requests to Stitch’s backend, enabling AI-driven UI generation inside MCP clients.
2 GitHub stars 
stitch-mcp-serverLocalEnterprise-ready MCP Server for Google Stitch SDK - AI-powered UI generation for Claude, Cursor, Cline, and VS Code. Generate beautiful web interfaces from text prompts using Model Context Protocol.
1 GitHub stars- gemini-stitch-mcpLocal
Unified MCP server for Gemini AI code generation and Google Stitch design, with pipeline tools for design-to-code workflows
1 GitHub stars - stitch-mcp-stdioLocal
Stable stdio MCP server for Google Stitch AI UI design tool. Drop-in replacement for @_davideast/stitch-mcp that doesn't crash.
0 GitHub stars - Stitch WandLocal
Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.
15/wk downloads a week
Questions
Is there an official Stitch MCP server?
Yes. Google hosts it at https://stitch.googleapis.com/mcp. You add it as a remote server and send your Stitch API key with it.
How do I get a Stitch API key?
Open Stitch Settings, scroll to API Keys and create one. Paste it into your AI app's config for the Stitch server.
Do I need a Google Cloud project?
Not with an API key. stitch-mcp and stitch-mcp-auto set up Google Cloud sign-in with gcloud, which needs a Cloud project with the Stitch API enabled.
Is it free?
stitch-mcp's README says the Stitch API is free to use. The community servers are open source: stitch-mcp and Stitch MCP Server are MIT, and stitch-mcp-auto is Apache-2.0.
What do stitch-pro-mcp and stitch-mcp-auto add?
stitch-pro-mcp adds 18 tools, including design systems, accessibility checks, responsive variants and React, Vue or Svelte output. stitch-mcp-auto adds an install wizard, AI image generation and 19 custom tools for Claude Code, Gemini CLI and Codex CLI.
What if generating a screen times out?
Raise your client's request timeout. Google's @google/stitch-sdk defaults to a 300000 ms (5 minute) request timeout, and its README says generation can end with Stitch asking a clarifying question instead of returning screens.
Does Google offer anything beyond the hosted server?
Yes. Google's @google/stitch-sdk includes an MCP proxy server that forwards requests to Stitch, for exposing its tools through your own server.
Can I sign in with OAuth instead of an API key?
Google's @google/stitch-sdk accepts either STITCH_API_KEY or an OAuth access token in STITCH_ACCESS_TOKEN, and the OAuth route also needs GOOGLE_CLOUD_PROJECT set.