PlugWiki

Google Stitch MCP, Google's hosted Stitch server

OfficialRemote

Lets Cursor, Claude Code or Gemini CLI create, edit and fetch UI screens in your Google Stitch projects.

This is Google's own hosted server for Stitch, its AI UI design tool. It lets your coding assistant list your Stitch projects, generate new screens from a prompt, edit or vary existing ones, and apply a design system. You connect with an API key from Stitch Settings; there is nothing to install. New screens take a few minutes, so an early timeout does not mean the request failed.

Good for

  • Developers who want their coding agent to pull a Stitch design and build it
  • Designers and founders who generate app screens from a text prompt without leaving their editor
  • Teams keeping colors, fonts and shapes consistent across screens with a shared design system
  • Gemini CLI users who want a ready-made Stitch extension

Works in

4 supported · 10 should work

Tap an app to see how to set it up and any known problems.

Install Stitch MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the Stitch MCP server to Claude Code. Run this command:
    
    claude mcp add stitch --transport http https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: api-key" -s user
    
    Then check that it loaded and tell me if I need to sign in or restart.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires A Stitch API key (Stitch Settings, API Keys).

Replace api-key with your Stitch API key. -s user saves it to ~/.claude.json for all projects. If tool calls fail with "Incompatible auth server", update Claude Code. Google also documents a Google Cloud sign-in route with an hourly token, for setups that cannot store a key.

From the vendor's docs. Source.

Tools

  • Lists your Stitch projects

    Shows all the Stitch projects you can reach, by default the ones you own; it can also show projects shared with you.

    Try: “Show me my Stitch projects”

    Read · list_projects

  • Shows the details of one Stitch project

    Fetches one project's details, including its screens, so the assistant can work with them.

    Try: “Open my Fitness App project in Stitch and tell me what's in it”

    Read · get_project

  • Lists the screens in a project

    Returns every screen inside a Stitch project.

    Try: “List the screens in my checkout flow project”

    Read · list_screens

  • Fetches one screen's details, such as its code and image

    Retrieves a single screen from a project so the assistant can read it, for example to build it in your codebase.

    Try: “Get the login screen from my Stitch project and build it in React”

    Read · get_screen

  • Designs a new screen from your description

    Creates a new UI screen in a project from a text prompt, using Gemini 3 Flash or Gemini 3.1 Pro. It usually takes a few minutes.

    Try: “Design a mobile onboarding screen for a meditation app with a calm blue palette”

    Write · generate_screen_from_text

  • Changes existing screens from your instructions

    Edits one or more screens in a project based on a text instruction. Like generation, it can take a few minutes.

    Try: “Make the buttons on the home screen larger and add a search bar to the header”

    Write · edit_screens

  • Creates alternative versions of a screen

    Generates design variants of existing screens, guided by your prompt and how many and how different you want them.

    Try: “Give me three bolder variants of the pricing screen”

    Write · generate_variants

  • Creates a new Stitch project

    Makes a new, empty project to hold screens and frontend code.

    Try: “Create a Stitch project called Recipe App”

    Write · create_project

  • Creates a design system with colors, fonts and shapes

    Sets up a new design system of colors, typography, shapes and appearance that can apply across screens.

    Try: “Create a design system with a warm orange accent and rounded corners”

    Write · create_design_system

  • Lists the design systems in a project

    Shows the design systems for a project, or global ones if no project is given.

    Try: “Which design systems does my Recipe App project have?”

    Read · list_design_systems

  • Restyles screens to match a design system

    Applies a design system to chosen screens, changing their colors, fonts and shapes to match.

    Try: “Apply my brand design system to all screens in this project”

    Write · apply_design_system

  • Changes an existing design system

    Updates the colors, fonts or other settings of a design system you already have.

    Try: “Change the primary color in my design system to dark green”

    Write · update_design_system

From the official docs

Pros and cons

Good

  • Made and hosted by Google, with nothing to install.
  • Setup is one API key from Stitch Settings.
  • Google's docs give exact steps for Cursor, VS Code, Claude Code, Gemini CLI and Antigravity.
  • Generates screens with Gemini 3 Flash or Gemini 3.1 Pro.
  • Design-system tools keep colors, fonts and shapes consistent across screens.
  • No delete tools.

Watch out

  • Generating or editing a screen takes a few minutes.
  • No read-only mode.
  • The API key sits in your config file and never expires on its own.
  • The no-key sign-in route needs a Google Cloud project and a new token every hour.
  • No setup steps from Google for ChatGPT or Claude Desktop.

Permissions

low risk · 3 things to watch

Low risk

The worst it can do is change or restyle screens in your Stitch projects, since it has no delete tools.

What it can do

  • Read your data
  • Create and change things
  • Delete things
  • Read-only mode

Watch out for

  • It can change your Stitch designs

    Edit, variant and design-system tools change existing screens and projects. There are no delete tools. stitch.withgoogle.com

  • The API key never expires on its own

    It works until you delete it in Stitch Settings. Keep it out of shared repos and project config files. stitch.withgoogle.com

  • Sign-in tokens expire every hour

    With the Google Cloud sign-in method, the token lasts about an hour and you paste a new one into your config. stitch.withgoogle.com

Security advisories

No published security advisories as of Nov 1, 2026.

Technical details
Talks toGoogle (stitch.googleapis.com)
Sign-in and keysStitch API key in your client's config file as an X-Goog-Api-Key header, or an hourly Google Cloud access token.

Alternatives

Use Google's hosted server: it needs only an API key and nothing to install. Pick stitch-sdk if you are building your own agent or need a local proxy to the same server.

ServerOfficialRunsSign-inWeekly downloads
For Google Stitch
Stitch MCP ServerThis pageOfficialHostedAPI key–
stitch-mcpCommunityLocal–462/wk
Other tools for the same job
stitch-sdkCommunityLocalAPI key1.2K/wk

Questions

What is the Stitch MCP server URL?

https://stitch.googleapis.com/mcp. You add it as a remote HTTP 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 click Create API Key. Copy it somewhere safe; you paste it into your AI app's config.

Should I use an API key or Google sign-in?

Use the API key unless your rules forbid keeping secrets on disk. The sign-in route needs a Google Cloud project and the gcloud tool, and its token expires about every hour.

Do I need a Google Cloud project?

No, not with an API key. You only need your own Cloud project for the Google sign-in method.

Why does screen generation time out?

A new or edited screen normally takes a few minutes, so the connection can drop first. That does not mean it failed; ask the assistant to check the screen again a few minutes later instead of retrying.

Why does Claude Code say "Incompatible auth server"?

Older Claude Code versions tried to sign in instead of using the API key you set. Users report that updating Claude Code fixes it.

Can it delete my Stitch projects?

No. It has no delete tools, but it can edit screens, create variants and restyle screens with a design system.

Which models does it use to generate screens?

You can pick Gemini 3 Flash or Gemini 3.1 Pro when generating a screen.

Information

updated Nov 1, 2026

Publisher
Official
Transport
Streamable HTTP
Auth
API key

DocsLink

Other Google Stitch MCP servers

Sources

Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.

Show all 6
  1. stitch.withgoogle.com · stitch.withgoogle.com
  2. github.com · github.com
  3. github.com · github.com
  4. stitch.withgoogle.com · stitch.withgoogle.com
  5. github.com · github.com
  6. github.com · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 1, 2026.