Google LLC today released a new version of Stitch, an artificial intelligence tool that can generate user interfaces for websites and mobile apps.

Shares of graphic design software maker Figma Inc. declined more than 4% on the news. The company’s namesake platform is the go-to choice for UI development projects.

Building an interface involves more than just creating a design. After developers craft an application’s look, they have to translate it into HTML and CSS, which can be a highly time-consuming process. Every single detail, from the font size to the amount of space between interface elements, has to be manually defined in code.

Stitch automates the process. It uses Google’s flagship Gemini series of large language models to translate interface designs into HTML and CSS code. The tool also supports Tailwind, a widely used development framework that contains prepackaged design elements.

Google launched the original version of Stitch last May. The upgraded release that debuted today features a new interface built around an “AI-native, infinite canvas.” The canvas can display multiple visual assets side-by-side to give users a complete view of their design project.

Developers can have Stitch generate the code for an interface section by uploading a reference image or providing a text description. For example, a user could instruct the tool to generate a sign-up page for an AI app. The original version of the tool could only generate one screen at the time. According to Google, the new Stitch release can generate up to five screens at once.

A developer working on an e-commerce website could ask Stitch to create a product catalog page, a checkout page and a purchase confirmation screen. A “Play” button makes it possible to simulate how shoppers will navigate through those screens.

“You can ‘Stitch’ screens together in seconds and simply click ‘Play’ to quickly preview your interactive app flow,” Josh Woodward, vice president of Google Labs, explained in a blog post. “Stitch can automatically generate logical next screens based on the click, mapping out user journeys effortlessly.”

If the initial version of an AI-generated interface element needs improvement, developers can refine it with natural language prompts. There’s also support for voice commands. Developers can ask Stitch to change the font size and other specific design details or enter higher-level instructions such as “emphasize the checkout button.”

Several of the tool’s features are powered by a newly added AI agent. Optionally, developers can use an MCP tool to link Stitch with external agents such as Google’s Antigravity coding tool. Antigravity can review an interface design and automatically generate new variations.

Stitch can also export interface elements to other external tools. According to Google, the tool now enables users to save interface design details in a natural language file called DESIGN.md. It’s designed to ease the task of maintaining a consistent look across design tools and projects.

Stitch is available for free through Google Labs, a platform that the search giant uses to test experimental products.

Image: Google