Google Stitch is an experimental tool from Google Labs, unveiled at Google I/O in May 2025 and powered by Gemini. From natural-language prompts or uploaded images such as screenshots and wireframes, it generates web and mobile app UI designs along with the matching HTML/CSS frontend code. You then iterate conversationally, adjust themes and layouts, and export the design to Figma or copy the generated code into your IDE.
4.2
/5
Our verdict
Google Stitch is a very good option for designers, developers, and product teams who want to rapidly prototype interfaces and generate starter frontend code.
Best for: Designers, developers, and product teams who want to rapidly prototype interfaces and generate starter frontend code
Describe your app in natural language and get a complete web or mobile interface
Image-to-UI
Upload a screenshot, wireframe, or mockup to generate a matching interface
Frontend code export
Get the generated HTML/CSS code to paste directly into your IDE
Figma export
Send your generated designs into Figma to refine them with your team
Conversational iteration and theming
Refine the interface through conversation and adjust themes, colors, and layouts
Pros and Cons
Pros
Free during the Google Labs experimental phase
Generates both the UI design and the HTML/CSS frontend code
Accepts text, screenshots, and wireframes as input
Direct export to Figma and code copy into your IDE
Cons
Experimental tool, features and availability may change
Usage limits tied to the Gemini model tier
Generated code needs review and manual integration into a project
Less mature than established tools like Figma or v0
Use Cases
Prototyping web and mobile interfaces from a simple prompt Converting screenshots or wireframes into usable UI Generating starter frontend code for a new page Exploring theme and layout variations Handing off to Figma to finalize the design with a team
Sponsored
Power your sales and support teams with a virtual phone system trusted by 5,000+ businesses worldwide.
Google Stitch is an experimental tool from Google Labs, unveiled at Google I/O in May 2025 and powered by Gemini. From a natural-language prompt or an uploaded image, it generates user-interface designs for web and mobile apps along with the matching frontend code. You can iterate on the result conversationally and then export it, making it a fast bridge between an idea and a working interface.
Is Google Stitch free?
Yes, Google Stitch is free to use during its Google Labs experimental phase. There is no paid subscription at this stage, but usage limits are tied to the Gemini model tier behind it, so heavy or rapid generation can hit quotas. Because it is an experiment, availability and limits may evolve, so check the official Stitch page for the latest terms before planning around it.
What can you build with Google Stitch?
Stitch turns prompts or images into web and mobile UI designs and the corresponding HTML and CSS. You can describe a screen in plain language, upload a screenshot or wireframe to reproduce, and then adjust themes, colors, and layouts. The result is a starting point for product screens, landing pages, or app prototypes that you refine rather than a finished, production-ready application on its own.
Does Google Stitch generate code or just designs?
It does both. Alongside the visual UI, Stitch produces the corresponding frontend code in HTML and CSS, which you can copy straight into your IDE. This sets it apart from purely visual mockup tools, since the output is meant to scaffold a real interface. The generated code still needs review and integration into your project, but it removes much of the manual translation from design to markup.
Can you export Google Stitch designs to Figma?
Yes. You can export a Stitch design to Figma to keep refining it with your design team, and you can also copy the generated frontend code into your IDE. This dual export makes it a practical handoff point: designers continue in a familiar editor while developers pick up the markup. It fits a workflow where Stitch handles the first draft and your existing tools take it the rest of the way.
Who is Google Stitch for?
Stitch targets designers, developers, and product teams doing UI and UX prototyping or frontend scaffolding. Designers use it to sketch screens from a prompt, developers to get a code starting point, and product teams to align quickly on a visual direction. Because it lowers the effort of going from idea to interface, it suits early exploration and rapid iteration more than polishing a final, shipped product.
How does Google Stitch compare to v0, Figma, and Uizard?
Stitch overlaps with v0, which also turns prompts into UI and code, and with Uizard, known for image-to-UI prototyping, while Figma remains the manual design standard it can export to. Stitch's distinction is the Gemini engine and the free Labs access, but as an experiment it is less mature and stable than established tools. Many teams use it for first drafts and rely on Figma or v0 to finish.
What AI model powers Google Stitch?
Stitch runs on Google's Gemini models, specifically the Gemini 2.5 Pro and Flash variants. Gemini handles both the language understanding of your prompt and the multimodal reading of uploaded images such as screenshots or wireframes, then drives the UI and code generation. Because the model tier sets the usage limits, the Gemini version behind your session also influences how much you can generate during the free Labs period.