SIGN UPLOG IN
X (Twitter)LinkedInGitHubDiscordYouTube

How to connect Google Stitch with ChatGPT

Connect ChatGPT to Google Stitch MCP. List all your google stitch projects, create a mobile checkout screen in stitch, and more using natural language, with authentication handled for you.

Get started for freeGet a demo
Google Stitch logoGoogle Stitch
Api Key

Google Stitch is an AI interface-design service for creating and managing digital product designs. It provides structured tools for projects, screens, artifacts, and design systems.

16 Tools

How to connect Google Stitch MCP with ChatGPT

ChatGPT can take action across your apps and files, stay with a project for hours, and turn a goal into finished materials like sheets, slides, and docs, not just answers.

In this guide, I will explain the easiest and most secure way to connect your Google Stitch account to ChatGPT via Composio Connect, so it can manage projects, create screens, inspect artifacts, update design systems, and organize designs through natural language commands without ever putting your account credentials at risk.

Also integrate Google Stitch with

Claude CoworkHermesAtomic Agent

Why use Composio over default connectors?

  • Apps with read and write access. Default connectors mostly can read your data. Composio's Google Stitch integration lets ChatGPT take actions like creating drafts, sending updates, labeling records, and more.
  • 1,500+ SaaS toolkits out of the box. Composio gives you instant access to a vast catalog of pre-built connectors, from Gmail and Slack to Notion, Linear, and Salesforce.
  • One MCP server for every app. Connect any of your applications on demand through a single endpoint, rather than juggling a separate server for each app.
  • Smart, context-aware tool loading. Unlike traditional MCP servers that dump every available tool into the LLM context window, Composio searches for and loads only the tools relevant to the task at hand.
  • Cross-app automation. Chain actions across multiple apps in a single run - fetch a thread, summarize it in Notion, and post highlights to Slack without leaving the conversation.

Prerequisites

  • A ChatGPT account. We will use the ChatGPT desktop app, and the steps are the same on the web.
  • Access to the Google Stitch workspace you want to connect.
  • Composio plugin.

Note: Composio connects through OAuth. You will be asked to sign in and approve specific permissions. Review the permission screen carefully if you are using a work account.

Step-by-step: Connect Google Stitch to ChatGPT

1. Install the Composio plugin

Click the button. ChatGPT opens the Composio plugin page. Click Install plugin.

Install in ChatGPT

Composio plugin page in ChatGPT with the Install plugin button

You can also find it inside ChatGPT: go to Settings, open Plugins, search the marketplace for Composio, and click Install plugin.

2. Authenticate

After you install, ChatGPT asks you to authenticate with Composio. Log in and click Allow access to authorize ChatGPT to use your Composio account.

Composio login and Allow access screen for ChatGPT

3. Start using Composio

That is it. Composio tools are now available in ChatGPT. Type @Composio followed by your request, for example @Composio find unread Google Stitch messages and summarize them, and it will run the actions you authorize. On first use it asks you to authorize Google Stitch.

Option 2: Add Composio as an MCP server

If you cannot use the plugin marketplace, add Composio as a custom MCP server instead.

1. Open the MCP settings

In ChatGPT, go to Settings and open the Plugins section. Inside the Plugins page, click the MCP tab.

ChatGPT settings showing the Plugins page with the MCP tab selected

2. Add the server

Click Add server. In the Name field enter Composio, for Type select Streamable HTTP, and in the URL field paste the Composio MCP server URL:

bash
https://connect.composio.dev/mcp
ChatGPT Add server dialog with the name Composio, type Streamable HTTP, and the Composio MCP URL

Then click Save. The Composio server now appears in your MCP plugins list.

ChatGPT Plugins page showing the Composio MCP server added to the list

3. Authenticate

Click Authenticate on the Composio entry, log in via Composio, and click Allow access. Composio tools are then available in ChatGPT the same way as with the plugin.

What you can do after connecting Google Stitch

  • List all your Google Stitch projects
  • Create a mobile checkout screen in Stitch
  • Inspect artifacts from your latest Stitch project

Security + privacy notes (important)

  • Use least-privilege access: Only grant permissions you actually need.
  • Review OAuth permissions before approving: Make sure requested scopes match what you expect Composio and ChatGPT to do.
  • Keep write actions human-reviewed: For actions like sending messages, creating labels, or editing drafts, keep manual confirmation enabled.
  • Be careful with sensitive data: Avoid using this setup with highly sensitive information unless allowed by your personal, company, or client policies.
TOOLS

Supported Tools

Every Google Stitch action and event your agent gets out of the box.

Apply Design System

Apply one design system to 1-20 unique typed screen instances from Get Project.

Create Design System

Create a typed Stitch design system from explicit current theme fields.

Create Design System From Markdown

Create a project design system from the exact screen instance returned by Upload Design Markdown.

Create Project

Create a Stitch project container for UI designs and return its project resource name.

Delete Project

Permanently delete one Google Stitch project.

Download Screen File

Retrieve bounded HTML or screenshot content using a provider-owned Stitch file resource name.

Edit Screens

Apply one text-directed edit to up to 20 existing Stitch screens and return every changed screen or clarification question.

Generate Screen

Generate screens from a bounded text prompt in an existing Stitch project.

Generate Screen Variants

Generate 1-5 variants for up to 20 unique source screens with exact creative-range, aspect, device, and model enums.

Get Project

Get one Stitch project by full resource name, including screen instances needed for design-system application.

Get Screen

Get one Stitch screen by full resource name and return bounded screen metadata plus provider-owned HTML and screenshot file references.

List Design Systems

List complete Google Stitch design systems for one project.

List Projects

List complete Google Stitch projects owned by the connected account or explicitly shared with it.

List Screens

List all screens currently returned for one Stitch project, including safe HTML and screenshot file resource references.

Update Design System

Replace a Stitch design system's display name and typed nondeprecated theme for one project.

Upload Design Markdown

Upload bounded UTF-8 DESIGN.

FRAMEWORKS

How to build Google Stitch MCP Agent with another framework

Claude Cowork logo

Claude Cowork

Use Google Stitch MCP with Claude Cowork

Hermes logo

Hermes

Use Google Stitch MCP with Hermes

Atomic Agent logo

Atomic Agent

Use Google Stitch MCP with Atomic Agent

FAQ

Frequently asked questions

With a standalone Google Stitch MCP server, the agents and LLMs can only access a fixed set of Google Stitch tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Google Stitch and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. ChatGPT fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Google Stitch tools.

Yes, absolutely. You can configure which Google Stitch scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Google Stitch data and credentials are handled as safely as possible.

Start with Google Stitch.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Google Stitch tool your agent needs.Free to start.

Start building