Stitch

Google Stitch is a tool from Google that lets you generate UI designs and full app screens using natural language. Under the hood it's powered by Gemini — and the system prompts it uses to generate those interfaces are exactly the kind of detailed, well-structured prompts that work great on Webbin.

What makes Stitch prompts special?

Stitch prompts tend to be design-system aware — they describe layouts, components, interactions, and visual hierarchy in precise language. If you work with UI/UX or build products, these prompts are incredibly useful as starting points you can adapt for your own tools.

Step 1 — Open Stitch

1. Go to stitch.withgoogle.com and sign in.
2. Click New project.

Step 2 — Describe what you want to build

In the prompt box, describe the UI or product screen you want to generate. Be specific:

• What kind of app is it? (e.g. "a SaaS dashboard for a project management tool")
• What screen are you designing? (e.g. "the main activity feed")
• What's the visual style? (e.g. "clean, minimal, dark mode, card-based layout")

Example prompt:

Design a settings page for a developer productivity app.
Include sections for: account details, notifications, API keys, and billing.
Style: minimal, light mode, left-side navigation, using a clean sans-serif font.

Step 3 — Iterate on the output

Stitch will generate a visual mockup. Use the follow-up prompt box to refine it:

• "Make the navigation more compact"
• "Add a danger zone section at the bottom for deleting the account"
• "Switch to a tabbed layout instead of sections"

Each iteration is a chance to tighten the prompt language.

Step 4 — Extract the prompt

Once the design looks right, the prompt you used (and the chain of refinements) is your shareable prompt. Clean it up:

• Combine your initial prompt and the most important refinements into one cohesive prompt
• Remove references to previous iterations ("change the X" → just describe what you want directly)

Step 5 — Submit to Webbin

1. Copy your cleaned-up prompt.
2. Go to webbin.dev and click Submit.
3. Paste it in, add a clear title, pick a category — Landing, Dashboard, or Portfolio — add at least 3 tags, and submit.

Once reviewed, it'll be in the library for other designers and developers to use.