Stitch

O que é Stitch?

Stitch is an AI interface-design tool from Google Labs for exploring mobile and web applications. Describe the screen or experience you want, or bring images, text and code as context, then develop the design on a web canvas.

Refine layouts and visual direction through conversation, explore alternatives and connect screens into an interactive prototype. Design-rule imports and exports help carry a consistent style between projects, while developer handoff options support the next implementation step. Stitch runs as a Google-hosted web app.

O que Stitch pode fazer?

Prompt and reference-driven UI

Turn a written brief or reference image into an interface direction, using additional text or code as project context.

Iterative design canvas

Explore and revise screens on an AI-native canvas. The design agent and Agent manager support project context and multiple directions.

Interactive screen flows

Connect screens and use Play to preview a user journey, then revise individual elements or the wider flow.

Design rules and developer handoff

Import or export DESIGN.md design rules, and export designs to developer tools such as AI Studio or Antigravity. MCP and SDK access support tool-based workflows.

Casos de uso

“Explore an app concept”

Describe the target users, goal and screen structure, then compare interface directions before choosing one to develop further.

“Review a user journey”

Connect key screens into a prototype and inspect the navigation flow with a team or stakeholder.

“Carry a visual system into implementation”

Use shared design rules to guide related screens and hand selected designs to the development workflow.

Perguntas frequentes

Do I need a finished wireframe to begin?

No. You can start with a natural-language brief. Images, text or code can provide additional context, and a sketch or screenshot can serve as a visual starting point.

Can I change the design after generation?

Yes. Refine the design conversationally, explore alternative layouts or palettes and make screen-specific changes. Voice interaction is also part of the current design-canvas workflow.

Does a prototype replace building the application?

Stitch supports interface design, prototypes and developer handoff. A preview or generated frontend is a starting point for implementation; application logic, integration and testing still need to be handled in the development workflow.

How do I keep a design system consistent?

Use DESIGN.md to import or export design rules between Stitch projects and compatible design/coding tools. The toolkit can also extract a design system from a URL.

How can I move the work to developer tools?

Export designs to tools such as AI Studio or Antigravity. For a tool-based workflow, Stitch also provides an MCP server and SDK. Review the handoff artifacts as you implement the interface.