Stitch
: How to use it, features, and the business problems it solves

How to Use

1. Create an account

   Click the "Try Stitch" button on the official site and sign in with your Google account.

2. Enter a prompt or image

   Enter a description of the UI you want to create in English, or upload a reference image such as a hand-drawn sketch or screenshot.

3. Review design variations

   Preview the multiple UI design options that Stitch generates and select the one that fits your goal.

4. Fine-tune the design

   Adjust the theme, color palette, layout, and more, regenerating as needed.

5. Export the code or design files

   Export your finished design as HTML/CSS code, or paste it into Figma for further editing.

6. Integrate into your project

   Integrate the exported code or design into your existing project and continue development.

---

Features

• UI generation from natural language

  Automatically generates mobile and web UI designs and corresponding front-end code from English text prompts.

• Image-based UI generation

  Upload a hand-drawn sketch or a screenshot of an existing UI to generate the corresponding design and code.

• Multiple design variations

  Generate multiple design options with different layouts and styles for comparison and selection.

• Theme and style customization

  Adjust color palettes, fonts, and component styles to create designs that fit your brand or project.

• Export to Figma

  Paste generated designs directly into Figma for team collaboration and integration with your existing design system.

• HTML/CSS code export

  Export clean HTML/CSS code corresponding to the generated UI for use in development.

• AI generation powered by Gemini 2.5 Pro

  Leverages Google's latest AI model, "Gemini 2.5 Pro," to deliver advanced UI design and code generation.

• Planned features

  Upcoming additions include the ability to edit UIs by annotating screenshots and design generation supporting both mobile and web.

---

Pricing