From a Google Stitch design to a real website

The short answer

Google Stitch is a free AI design tool from Google Labs. It turns a description into UI screens and exports them as HTML styled with Tailwind, a DESIGN.md that documents the design system, and a paste into Figma; its MCP server lets coding agents read the designs directly. There is no publish button, no hosting and no CMS. A real site is built from the export: host the HTML for a demo, build it with Claude Code, or rebuild it as a WordPress site you own. This series covers all three.

What Stitch gives you

Stitch is Google Labs’ AI design tool, free while it is in Labs, with generation limits. You describe a screen or a site, it generates the UI, and you refine it on a canvas (Stitch 2.0, from March 2026, added an infinite canvas, a design agent, voice and a portable design-system file). When you are done you can download a screen or the whole project as HTML styled with Tailwind, along with a DESIGN.md that writes out the colors, type, spacing and component rules; copy a screen into Figma with layers intact; or let a coding agent such as Claude Code, Cursor or Gemini CLI read the project through Stitch’s MCP server.

What it does not have: a publish button. Stitch does not host, does not connect a domain, does not send forms and does not give anyone a way to edit the result without regenerating it. It is a design tool, and it stops where design stops.

What a website needs that the export does not have

  • A domain and hosting. The HTML runs anywhere. Somebody still has to put it somewhere with your name on it.
  • Forms that send. The form on the Stitch screen is still just a drawing of a form until a service is behind it.
  • The ability to create pages that use the site template (header and footer) and style (menu) without needing to engage a designer.
  • Editing by other People. Text changes in exports are considered code changes or regenerations.
  • Production CSS. Stitch’s HTML uses Tailwind via a CDN, which will not work well for a production site. A production build will compile CSS only for the classes that are used.
  • Search, analytics, consent. You need title and description tags per page, a sitemap, a tag management solution, and a consent management solution.

Free. Under a minute. Fixed price at the end.

The three ways to make it real

Host the HTMLBuild it with Claude CodeRebuild it as WordPress
What you doDownload the project; upload to Netlify, Vercel, Cloudflare Pages or any host; connect a domainPoint Claude Code at the export or the MCP server; build a site or a WordPress theme; finish it; host itKeep the design; rebuild it as a block theme with content in editable pages
Good forA demo, a one-page teaserDevelopers and teams that will keep codingA business website a team will run
Who edits it afterWhoever can re-export and re-uploadA developer, or you and the agentAnyone with a login
FormsAdd a form service by handBuilt in the processA form plugin: email, entries, Slack
TimeMinutesDays, then upkeepLive in 48 hours with MightyMigrate
CostHosting, often freeYour time or a developer’s, plus agent usage$499 once; hosting optional from $69 a month

The middle column is the interesting one, and the one people search for most: the Stitch-to-Claude-Code workflow is real and it is how MightyMigrate’s own rebuilds begin. It is written up, with what works and what needs finishing, in Google Stitch and Claude Code.

How the rebuild works

  1. Put the downloaded HTML files on a temporary URL and enter it. The scanner measures it with Google PageSpeed, counts the pages and quotes a fixed price. The price is $499 for up to 15 pages. Each page after that is $25.
  2. The files get rebuilt. DESIGN.md gets converted to theme.json. Screens get converted to patterns. Content gets put in editable pages. Forms, analytics and consent get wired.
  3. Approve. A staging link next to your Stitch screens. Nothing goes live until you say so.
  4. Switch. Your domain points at the new site. With managed hosting, the guarantee starts at launch: 93+ Performance on desktop or hosting is free until we hit it.

Start with the scan

It’s free, should take less than a minute, and has a fixed price. You won’t be asked to make a quote request.

Free. Under a minute. Fixed price at the end.

Questions people ask

Can Google Stitch publish a website?

No. It exports code and designs; publishing and hosting happen elsewhere, by design. It’s not a missing feature.

Is Google Stitch free?

Yes, through Google Labs, which Google has changed limits for, more than once. Details in Stitch pricing and limits.

How do I turn a Stitch design into a WordPress site?

Rebuild it using DESIGN.md as the token source and HTML as the layout reference, then move the content into pages. Claude Code can produce the first pass; the general steps are in HTML to WordPress and the Stitch-specific workflow in Stitch and Claude Code.

What is DESIGN.md?

Stitch provides a markdown file that includes the project’s design system, colors, typography, spacing and component rules, in a form coding agents read well. It is the single most useful thing in the export for anyone rebuilding the design somewhere else.

Checked on 28 September 2026 against Google’s Stitch community answers on exporting and published coverage of the March 2026 Stitch 2.0 release. Stitch is in Google Labs and changes often; if a feature has moved, tell us.

Free. Under a minute. Fixed price at the end.

Guides